????pointer-events 主要的用途還是穿透元素,該pointer-events屬性允許用戶穿過(guò)遮罩點(diǎn)擊到下面的目標(biāo)元素。
????在移動(dòng)端html中,瀏覽器自帶的長(zhǎng)摁保存圖片功能,及時(shí)是讓圖片作為div的一個(gè)背景都會(huì)被觸發(fā)确徙,所以我們可以使用時(shí)間穿透醒串,來(lái)禁掉長(zhǎng)摁保存圖片。pointer-events:none;就可以了
pointer-events的其他屬性值:
visiblePainted
????當(dāng)visibility屬性設(shè)置為時(shí)?visible?以及當(dāng)鼠標(biāo)光標(biāo)位于元素的內(nèi)部(即“填充”)并且fill屬性設(shè)置為除了none或之外的值時(shí)鄙皇,該元素只能是鼠標(biāo)事件的目標(biāo)芜赌。鼠標(biāo)光標(biāo)位于元素的周邊(ie-,'stroke')上伴逸,stroke屬性設(shè)置為除了以外的值?none缠沈。
visibleFill
????當(dāng)visibility屬性設(shè)置為?visible?以及當(dāng)鼠標(biāo)光標(biāo)位于元素的內(nèi)部(即填充)上時(shí),該元素只能是鼠標(biāo)事件的目標(biāo)错蝴。該fill屬性的值不會(huì)影響事件處理 -
visibleStroke
????當(dāng)visibility屬性設(shè)置為時(shí)?visible?以及當(dāng)鼠標(biāo)光標(biāo)位于元素的周邊(即筆劃)上時(shí)洲愤,該元素只能是鼠標(biāo)事件的目標(biāo)。stroke屬性的值不會(huì)影響事件處理顷锰。
visible
????當(dāng)visibility屬性設(shè)置為visible并且鼠標(biāo)光標(biāo)在元素的內(nèi)部(即填充)或周邊(即柬赐,筆劃)上方時(shí),該元素可以是鼠標(biāo)事件的目標(biāo)官紫。fill和stroke屬性的值不會(huì)影響事件處理肛宋。
painted
????當(dāng)鼠標(biāo)光標(biāo)位于元素的內(nèi)部(即“填充”)并且fill屬性設(shè)置為除了none或者鼠標(biāo)光標(biāo)位于周邊之外的值時(shí),該元素只能是鼠標(biāo)事件的目標(biāo)( ie-束世,'stroke')元素和stroke屬性設(shè)置為除以外的值?none酝陈。visibility屬性的值不會(huì)影響事件處理。
fill
????當(dāng)指針位于元素的內(nèi)部(即填充)上時(shí)良狈,該元素只能是鼠標(biāo)事件的目標(biāo)后添。fill和visibility屬性的值不會(huì)影響事件處理。
stroke
????當(dāng)指針位于元素的周邊(即筆劃)上時(shí)薪丁,該元素只能是鼠標(biāo)事件的目標(biāo)。stroke和visibility屬性的值不會(huì)影響事件處理馅精。
all
????當(dāng)指針位于元素的內(nèi)部(即填充)或周邊(即严嗜,筆劃)上時(shí),該元素只能是鼠標(biāo)事件的目標(biāo)洲敢。該值fill漫玄,stroke并且visibility屬性不影響事件處理。
none
????該元素永遠(yuǎn)不會(huì)成為鼠標(biāo)事件的目標(biāo)压彭,盡管鼠標(biāo)事件可能會(huì)針對(duì)其后代元素(如果這些后代已?pointer-events?設(shè)置為其他值)睦优,在這種情況下,鼠標(biāo)事件將在它們往返于后代的路徑上觸發(fā)此元素上的事件偵聽器在事件捕獲/?泡沫階段壮不。