css阻止某元素触发事件

场景:

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

解决:

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

补充:pointer-events

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

详细信息查看MDN上 pointer-events

原文地址:https://www.cnblogs.com/kenanyah/p/13152499.html