css阻止某元素触发事件


场景:

对一个container区域进行mousemove事件监听,container中有一个图标
该图标跟随指针移动,当移动过快的时候,指针会跑到图标上面,导致事件监听失败,图标会回到初始位置

解决:

给图标添加一个css3属性 pointer-events,设置为pointer-events: none;,鼠标事件会忽略该图标

补充:pointer-events

pointer-events该属性是css3属性,存在兼容性问题
该属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的 target。

详细信息查看MDN上 pointer-events


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM