详细说明CSS pointer-events属性的使用

none]两个属性值。这两个属性值用在其他html元素上也很有意思。

当值为auto时。与pointer-events属性未指定时的表现效果相同，对于SVG内容，该值与visiblePainted效果相同。

当值为none时，元素永远不会成为鼠标事件的target。换而言之，值none表示鼠标事件“穿透”该元素并且指定该元素“下面”的任何东西。

浏览器兼容性

可以看出，pointer-events兼容绝大多数移动端浏览器，且没有前缀要求。

注意的点

当pointer-events值为none时，不一定说明该元素的事件监听事件永远不会被触发。如果他的子元素有明确的设定pointer-events属性，且指定自己能成为鼠标事件的目标，那么触发的过程会通过事件冒泡传到父元素，父元素的事件监听事件就会被触发。

总结

在弹层组件可能会频繁调用的情况下，使用pointer-events方案，即点击遮罩或按钮时关闭时，设置container动画效果和pointer-events：none，弹层出现时，再设置pointer-events：auto。这样只需改变css的属性即可解决问题。

以上所述就是给大家介绍的CSS pointer-events属性使用的全部内容，希望能对大家的学习有所帮助。更多相关教程请访问 CSS视频教程， CSS3视频教程！

相关推荐：

php公益培训视频教程

CSS在线手册

CSS3在线手册

div/css图文教程

css3特效代码大全

以上就是详解CSS pointer-events属性的使用的详细内容，更多请关注php中文网其它相关文章！

关键词：详细说明CSS pointer-events属性的运用