????pointer-events 主要的用途還是穿透元素,該pointer-events屬性允許用戶穿過遮罩點擊到下面的目標元素。
????在移動端html中,瀏覽器自帶的長摁保存圖片功能,及時是讓圖片作為div的一個背景都會被觸發(fā),所以我們可以使用時間穿透,來禁掉長摁保存圖片。pointer-events:none;就可以了

pointer-events的其他屬性值:
visiblePainted
????當visibility屬性設置為時?visible?以及當鼠標光標位于元素的內部(即“填充”)并且fill屬性設置為除了none或之外的值時,該元素只能是鼠標事件的目標。鼠標光標位于元素的周邊(ie-,'stroke')上,stroke屬性設置為除了以外的值?none。
visibleFill
????當visibility屬性設置為?visible?以及當鼠標光標位于元素的內部(即填充)上時,該元素只能是鼠標事件的目標。該fill屬性的值不會影響事件處理 -
visibleStroke
????當visibility屬性設置為時?visible?以及當鼠標光標位于元素的周邊(即筆劃)上時,該元素只能是鼠標事件的目標。stroke屬性的值不會影響事件處理。
visible
????當visibility屬性設置為visible并且鼠標光標在元素的內部(即填充)或周邊(即,筆劃)上方時,該元素可以是鼠標事件的目標。fill和stroke屬性的值不會影響事件處理。
painted
????當鼠標光標位于元素的內部(即“填充”)并且fill屬性設置為除了none或者鼠標光標位于周邊之外的值時,該元素只能是鼠標事件的目標( ie-,'stroke')元素和stroke屬性設置為除以外的值?none。visibility屬性的值不會影響事件處理。
fill
????當指針位于元素的內部(即填充)上時,該元素只能是鼠標事件的目標。fill和visibility屬性的值不會影響事件處理。
stroke
????當指針位于元素的周邊(即筆劃)上時,該元素只能是鼠標事件的目標。stroke和visibility屬性的值不會影響事件處理。
all
????當指針位于元素的內部(即填充)或周邊(即,筆劃)上時,該元素只能是鼠標事件的目標。該值fill,stroke并且visibility屬性不影響事件處理。
none
????該元素永遠不會成為鼠標事件的目標,盡管鼠標事件可能會針對其后代元素(如果這些后代已?pointer-events?設置為其他值),在這種情況下,鼠標事件將在它們往返于后代的路徑上觸發(fā)此元素上的事件偵聽器在事件捕獲/?泡沫階段。