你不知道的CSS3属性pointer-events

时间 2019-12-12

标签不知道 css3 css 属性 pointer events 栏目 CSS 繁體版

原文原文链接

经过研究element-ui源码发现pointer-events属性，它可以禁止用户的鼠标事件，点击事件失效，神奇的是在Chrome中审查元素鼠标居然没法选中，好像被Chrome“无视”同样，立马激起个人好奇心。

借用张鑫旭老师的博客中话解释：element-ui

我我的(张鑫旭老师)将pointer-events:none理解为“幻影特性”。原话以下：wordpress

pointer-events:none的做用是让元素实体“虚化”。例如一个应用pointer-events:none的按钮元素，则咱们在页面上看到的这个按钮，只是一个虚幻的影子而已，您能够理解为海市蜃楼，幽灵的躯体。当咱们用手触碰它的时候能够轻易地没有任何感受地从中穿过去。
一切都是幻影!性能

CSS3 pointer-events:none应用举例及扩展 www.zhangxinxu.com/wordpress/?…
ui

pointer-events:none提升页面滚动时候的绘制性能？www.zhangxinxu.com/wordpress/?…
code