0
点赞
收藏
分享

微信扫一扫

设置控件不能点击(pointer-events)

汤姆torn 2022-03-24 阅读 72


使用方法

  1. 定义CSS方法:​​.disabled { pointer-events: none; }​
  2. js使用:​​$("#selectorId").addClass("disabled");​

pointer - events 解析

概念性的解析:

CSS属性 pointer-events 允许作者控制特定的图形元素在何时成为鼠标事件的 target。当未指定该属性时,SVG 内容表现如同 visiblePainted。除了指定元素不成为鼠标事件的目标,none 值还指示鼠标事件穿过该元素,并指向位于元素下面的元素。

实际场景:

如下面的图片,文字上面包了一层黄色图层的div,如果我们想选中里面的文字,选不中,因为被黄色的图层拦截了事件了,如果黄色图层加一个事件​​pointer-events: none;​​,里面的文字就能选择了。

设置控件不能点击(pointer-events)_鼠标事件



举报

相关推荐

0 条评论