pointer-events

autocode

pointer-events屬性未指定時的表現效果相同,對於SVG內容,該值與visiblePainted效果相同事件

none
元素永遠不會成爲鼠標事件的target。可是,當其後代元素的pointer-events屬性指定其餘值時,鼠標事件能夠指向後代元素,在這種狀況下,鼠標事件將在捕獲或冒泡階段觸發父元素的事件偵聽器。get

使全部img對任何鼠標事件(如拖動、懸停、單擊等)都無反應event

img {
  pointer-events: none;
}

實際代碼使用中案例:im

一、提交頁面,提交按鈕點擊後,添加這個樣式屬性(
style=" pointer-events"),來防止重複提交。樣式

二、一些層的絕對定位,覆蓋按鈕,設置pointer-events: none,操做能夠透過它。好比設置遮層 下面的按鈕可點擊的到。img

相關文章
相關標籤/搜索