場景:
對一個container區域進行mousemove事件監聽,container中有一個圖標
該圖標跟隨指針移動,當移動過快的時候,指針會跑到圖標上面,導致事件監聽失敗,圖標會回到初始位置
解決:
給圖標添加一個css3屬性 pointer-events,設置為
pointer-events: none;
,鼠標事件會忽略該圖標
補充:pointer-events
pointer-events該屬性是css3屬性,存在兼容性問題
該屬性指定在什么情況下 (如果有) 某個特定的圖形元素可以成為鼠標事件的 target。
詳細信息查看MDN上 pointer-events