首页 > 代码库 > 手机端取消文字选中、取消图片长按下载
手机端取消文字选中、取消图片长按下载
企业号有一种消息类型叫保密消息,该类型消息有全屏水印、图片水印、禁止分享至朋友圈、禁止选中文字等功能。
但是对于图片,手机端默认长按时会触发下载保存交互。
首先想到的方案是通过JS实现,对touch实践做处理。
window.ontouchstart = function(e) { e.preventDefault(); };
但是这个对于长的文章,滚动事件就失效了。所以此方案无效,但是如果只是某个div有需求,可以这样处理。
其实这个可以通过CSS3的属性去除。
img { pointer-events: none; }
如果只是对图片禁止选中,长按图片的时候不会有问题,但是如果是先选择旁边的文字,再覆盖选取图片,那图片照样会被copy出来。
禁止选中
-webkit-user-select: none;/*禁用手机浏览器的用户选择功能 */ -moz-user-select: none;
手机端取消文字选中、取消图片长按下载
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。