pointer-events屬性

年҈輕҈人҈²⁰¹⁹發表於2020-11-20

pointer-events是css3的一個屬性

對於瀏覽器來說，只有auto和none兩個值可用
pointer-events屬性值詳解

auto——效果和沒有定義pointer-events屬性相同，滑鼠不會穿透當前層。在SVG中，該值和visiblePainted的效果相同。

none——元素永遠不會成為滑鼠事件的target（目標）。但是，當其後代元素的pointer-events屬性指定其他值時，滑鼠事件可以指向後代元素，在這種情況下，滑鼠事件將在捕獲或冒泡階段觸發父元素的事件偵聽器。實際上預設就可以穿透當前層，因為pointer-events預設為auto

pointer-events 可以禁用 HTML 元素的 hover/focus/active 等動態效果。
相容性：
Firefox 3.6+和chrome 2.0+ 以及safari 4.0+都支援這個CSS3屬性，IE6/7/8/9都不支援

相關文章