CSS3 pointer-events(阻止hover、active、onclick等触发事件)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS3 pointer-events(阻止hover、active、onclick等触发事件)相关的知识,希望对你有一定的参考价值。

参考技术A Firefox 3.6+和chrome 2.0+ 以及safari 4.0+都支持这个CSS3属性,IE6/7/8/9都不支持(IE11又支持,不过很好的一点是在ie中给a加disabled 点击事件自动无效。),Opera在SVG中支持。 但是 该属性HTML中 不支持

1、提交页面,提交按钮点击后,添加这个样式属性(style="pointer-events"),来防止重复提交
2、让链接不能点击

3、让鼠标点击穿透上方的 div

以上是关于CSS3 pointer-events(阻止hover、active、onclick等触发事件)的主要内容,如果未能解决你的问题,请参考以下文章

CSS3 pointer-events(阻止hover、active、onclick等触发事件)

CSS3中的pointer-events

pointer-events属性

css3 pointer-events 让对象如透明般直接响应下层对象的鼠标事件

如何阻止:hover、:active等鼠标行为状态的触发?

pointer-events: none 的两个应用场景