Pomelo Lee workspace

css中的pointer-events样式像js一样控制绑定事件

星期二, 一月 14th, 2020 | html5 | 没有评论

1.今天处理了一个页面,有个按钮做了绑定事件，发现在其他页面都可以正常触发,有个页面就死活不行,

在印象中一直以为只有js才能控制点击等事件,排查了半天，最终还是把矛头指向了css上面,最终确认是pointer-events造成.

修改后搞定,也第一次认识了此css3下的pointer-events.

影响的代码如下：

[collectList] span i {
	pointer-events: none;
}

2.在css3中pointer-events（阻止hover、active、onclick触发事件）就像js一样

它能够：

阻止用户的点击动作产生任何效果

阻止缺省鼠标指针的显示

阻止CSS里的 hover 和 active 状态的变化触发事件

阻止JavaScript点击动作触发的事件

› Continue reading

Tags: pointer-events