html+css移動端禁用長摁保存圖片

????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ā)此元素上的事件偵聽器在事件捕獲/?泡沫階段。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • ??JavaScript 與 HTML 之間的交互是通過事件實現(xiàn)的。 ??事件,就是文檔或瀏覽器窗口中發(fā)生的一些特...
    霜天曉閱讀 3,690評論 1 11
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,150評論 1 92
  • 一、CSS入門 1、css選擇器 選擇器的作用是“用于確定(選定)要進行樣式設定的標簽(元素)”。 有若干種形式的...
    寵辱不驚丶歲月靜好閱讀 1,727評論 0 6
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 28,815評論 1 45
  • 朋友 你要是看不見我的蹤影 不要悲傷 不要心急 我只是在等待兩個人的日子 不管你身邊還站著誰 我已決定不參與三人游...
    今天也要好好學習yoursel閱讀 93評論 0 3

友情鏈接更多精彩內容