手机端取消文字选中取消图片长按下载

Posted 没事看看电影

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了手机端取消文字选中取消图片长按下载相关的知识,希望对你有一定的参考价值。

企业号有一种消息类型叫保密消息,该类型消息有全屏水印、图片水印、禁止分享至朋友圈、禁止选中文字等功能。

但是对于图片,手机端默认长按时会触发下载保存交互。

首先想到的方案是通过JS实现,对touch实践做处理。

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

但是这个对于长的文章,滚动事件就失效了。所以此方案无效,但是如果只是某个div有需求,可以这样处理。

其实这个可以通过CSS3的属性去除。

    
img { pointer-events: none; }

如果只是对图片禁止选中,长按图片的时候不会有问题,但是如果是先选择旁边的文字,再覆盖选取图片,那图片照样会被copy出来。

禁止选中

-webkit-user-select: none;/*禁用手机浏览器的用户选择功能 */
 
-moz-user-select: none;

 

以上是关于手机端取消文字选中取消图片长按下载的主要内容,如果未能解决你的问题,请参考以下文章

### Teamviewer 手机端怎么拖动窗口,选中文字

手机网页取消长按事件

下划线怎么取消

手机网页中,长按会触发系统事件,请问怎么取消这些事件

安卓手机长按文字然后选中,手机上面会出现图标,一个剪切,一个是复制,最后面那个像板夹的是啥意思,

js怎么实现点击选中,再次点击取消。