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