auto
code
與pointer-events
屬性未指定時的表現效果相同,對於SVG內容,該值與visiblePainted
效果相同事件
none
元素永遠不會成爲鼠標事件的target。可是,當其後代元素的pointer-events屬性指定其餘值時,鼠標事件能夠指向後代元素,在這種狀況下,鼠標事件將在捕獲或冒泡階段觸發父元素的事件偵聽器。get
使全部img對任何鼠標事件(如拖動、懸停、單擊等)都無反應event
img { pointer-events: none; }
實際代碼使用中案例:im
一、提交頁面,提交按鈕點擊後,添加這個樣式屬性(
style=" pointer-events"),來防止重複提交。樣式
二、一些層的絕對定位,覆蓋按鈕,設置pointer-events: none,操做能夠透過它。好比設置遮層 下面的按鈕可點擊的到。img