事情的經過是這樣的,有一天我去公司其他部門咨詢鏈接底層服務的事情。正好當時他們部門的前端小伙伴遇到一個bug。這個bug是這樣的,在微信里內嵌的H5頁面中有一個圖片。然而呢!圖片綁定了一個點擊事件。大家都知道,在手上訪問H5頁面的時候,長按圖片就會把圖片保存起來。為了能夠讓用戶體驗更好 ...
webkit user select: none moz user select: none ms user select: none user select: none 或者指定某個元素添加 div webkit user select: none moz user select: none ms user select: none user select: none ...
2016-08-22 18:00 0 1459 推薦指數:
事情的經過是這樣的,有一天我去公司其他部門咨詢鏈接底層服務的事情。正好當時他們部門的前端小伙伴遇到一個bug。這個bug是這樣的,在微信里內嵌的H5頁面中有一個圖片。然而呢!圖片綁定了一個點擊事件。大家都知道,在手上訪問H5頁面的時候,長按圖片就會把圖片保存起來。為了能夠讓用戶體驗更好 ...
...
1.禁止長按保存圖片: css代碼: pointer-events:none; 2.禁止長按選擇文本: css代碼: -webkit-touch-callout:none; -webkit-user-select:none ...
在移動端訪問H5頁面的時候,長按圖片就會把圖片保存起來,為了能夠讓用戶體驗更好一些,我們需要長按的時候也不保存圖片。那該如何實現呢?下面給出3種解決方案。 方案一:使用 pointer-events:none img{ pointer-events:none ...
項目遇到一個問題,在web頁面中,禁止長按圖片保存, 使用css屬性: img { pointer-events: none; } 或者 img { -webkit-user-select: none; } 無效, 以上屬性在瀏覽器中 ...
必須先要 引入 mui.js,然后參考具體代碼 注意:img 里面的 src 只能填寫網絡路徑,否則下載不了。 效果展示 ...
在ios端默認的長按選擇,可以對文字進行復制粘貼。但是在實際開發中,針對一些按鈕一般要避免長按時彈出選中文字,或者一些罩層要避免彈出。 這篇文章通過css3實現禁止ios端長按復制選中文字的方法。 css代碼如下: *{ -webkit-touch-callout:none ...