pointer-events:none应用,鼠标链接禁止点击,pointer-events 让鼠标穿透元素

1.取值：

auto：

与pointer-events属性未指定时的表现效果相同。在svg内容上与visiblepainted值相同

none：

元素永远不会成为鼠标事件的target。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获或冒泡阶触发父元素的事件侦听器。

其他值只能应用在SVG上。

2.说明：

设置或检索在何时成为属性事件的target。

使用pointer-events来阻止元素成为鼠标事件目标不一定意味着元素上的事件侦听器永不会触发。如果元素后代明确指定了pointer-events属性并允许其成为鼠标事件的目标，那么指向该元素的任何事件在事件传播过程中都将通过父元素，并以适当的方式触发其上的事件侦听器。当然位于屏幕上在父元素上但不在后代元素上的鼠标活动都不会被父元素和后代元素捕获（将会穿过父元素而指向位于其下面的元素）。

对应的脚本特性为pointerEvents。

来源于： http://www.zhangxinxu.com/wordpress/2011/12/css3-pointer-events-none-javascript

本文作者： Jasmine

本文链接： https://www.jianbaizhan.com/article/553.html

版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！