元素永远不会成为鼠标事件的target。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获或冒泡阶触发父元素的事件侦听器。
说明：只能屏蔽鼠标事件，不能屏蔽键盘事件例如tab和enter，屏蔽事件也不是永久，后代指定属性时可能在冒泡时会有影响。
谷歌，火狐支持，ie11以上
<a href="" style="pointer-events:none">啦啦啦，你点不了我</a>
屏蔽了鼠标事件，但是tab仍然可以选中
更多使用详见 张鑫旭的应用扩展
一、 定义:css3属性 元素永远不会成为鼠标事件的target。但是，当其后代元素的pointer-events...
style="pointer-events:none;" //穿透style="pointer-events:au...
点击事件不穿透覆盖层 pointer-events属性值详解auto——鼠标不会穿透当前层。none——元素不再是...
用于穿透的神仙属性！可惜我是最近才知道的。过于孤陋寡闻！以前只用过它给a链接禁止点击啥的。应用场景：元素a层级高于...
常规禁用会想到disabled属性，但div并没有这个属性 可以使用pointer-events: none 意思...
pointer-events:none 如下a标签通过pointer-events:none可以禁用鼠标事件。 去...
解决办法： pointer-events: none 表示鼠标事件“穿透”该元素并且指定该元素“下面”的任何东西 ...
pointer-events：pointer-events: auto | none | visiblePain...
cursor:pointer; pointer-events: none; pointer-events：auto...
pointer-events 语法：pointer-events：auto| none | visiblepain...
本文标题：穿透的div——pointer-events:none
本文链接：https://www.haomeiwen.com/subject/joghhxtx.html
网友评论