pointer-events

pointer-events屬性

• auto——效果和沒有定義pointer-events屬性相同，鼠標不會穿透當前層。在SVG中，該值和visiblePainted的效果相同。
• none——元素再也不是鼠標事件的目標，鼠標再也不監聽當前層而去監聽下面的層中的元素。可是若是它的子元素設置了pointer-events爲其它值，好比auto，鼠標仍是會監聽這個子元素的。
• 其它屬性值爲SVG專用，這裏再也不多介紹了。

pointer-events: none

應用場景：

穿透遮罩層，拷貝文字

鼠標禁用

• 阻止用戶的點擊動做產生任何效果
• 阻止缺省鼠標指針的顯示
• 阻止CSS裏的 hover 和 active 狀態的變化觸發事件
• 阻止JavaScript點擊動做觸發的事件

兼容性

參考連接：
CSS3 pointer-events:none應用舉例及擴展