手機端取消文字選中、取消圖片長按下載

標籤：

企業號有一種訊息類型叫保密訊息，該類型訊息有全屏浮水印、圖片浮水印、禁止分享至朋友圈、禁止選中文字等功能。

但是對於圖片，手機端預設長按時會觸發下載儲存互動。

首先想到的方案是通過JS實現，對touch實踐做處理。

    window.ontouchstart = function(e) { e.preventDefault(); };

但是這個對於長的文章，滾動事件就失效了。所以此方案無效，但是如果只是某個div有需求，可以這樣處理。

其實這個可以通過CSS3的屬性去除。

    img { pointer-events: none; }

如果只是對圖片禁止選中，長按圖片的時候不會有問題，但是如果是先選擇旁邊的文字，再覆蓋選取圖片，那圖片照樣會被copy出來。

禁止選中

-webkit-user-select: none;/*禁用手機瀏覽器的使用者選擇功能 */ -moz-user-select: none;

 

手機端取消文字選中、取消圖片長按下載