手机端取消长按选中
来源:互联网 发布:搜狐网络大厦 邮编 编辑:程序博客网 时间:2024/06/02 18:41
企业号有一种消息类型叫保密消息,该类型消息有全屏水印、图片水印、禁止分享至朋友圈、禁止选中文字等功能。
但是对于图片,手机端默认长按时会触发下载保存交互。
/*-webkit-touch-callout:none; /!* 禁用长触弹出的下载图片菜单 *!/*/
-webkit-user-select:none; /* 禁用长触选择文字等功能 */
首先想到的方案是通过JS实现,对touch实践做处理。
window.ontouchstart =
function
(e) { e.preventDefault(); };
但是这个对于长的文章,滚动事件就失效了。所以此方案无效,但是如果只是某个div有需求,可以这样处理。
其实这个可以通过CSS3的属性去除。
img { pointer-events:
none
; }
如果只是对图片禁止选中,长按图片的时候不会有问题,但是如果是先选择旁边的文字,再覆盖选取图片,那图片照样会被copy出来。
禁止选中
-webkit-user-select:
none
;
/*禁用手机浏览器的用户选择功能 */
-moz-user-select:
none
;
这时候对文字禁止选中就没有问题了,整篇文章不可以复制或保存。截屏的时候会带有水印。
还有一招更甚,直接
*{ pointer-events:
none
; }
完美实现以上需求,完成。
企业号有一种消息类型叫保密消息,该类型消息有全屏水印、图片水印、禁止分享至朋友圈、禁止选中文字等功能。
但是对于图片,手机端默认长按时会触发下载保存交互。
首先想到的方案是通过JS实现,对touch实践做处理。
window.ontouchstart =
function
(e) { e.preventDefault(); };
但是这个对于长的文章,滚动事件就失效了。所以此方案无效,但是如果只是某个div有需求,可以这样处理。
其实这个可以通过CSS3的属性去除。
img { pointer-events:
none
; }
如果只是对图片禁止选中,长按图片的时候不会有问题,但是如果是先选择旁边的文字,再覆盖选取图片,那图片照样会被copy出来。
禁止选中
-webkit-user-select:
none
;
/*禁用手机浏览器的用户选择功能 */
-moz-user-select:
none
;
这时候对文字禁止选中就没有问题了,整篇文章不可以复制或保存。截屏的时候会带有水印。
还有一招更甚,直接
*{ pointer-events:
none
; }
完美实现以上需求,完成。
禁止点击高亮选中:
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; /* For some Androids,个人感觉是低版本的安卓,4.0以下 */
- 手机端取消长按选中
- 手机网页取消长按事件
- 设置手机网页不可长按选中元素的方法
- PhotoSwipe长按事件,即不取消手机浏览器的长按事件,以达到弹出识别二维码、保存菜单
- 手机网页如何取消常按选中功能和touchstart后不能触发touchend事件
- 给ListView的Item添加CheckBox,长按调出CheckBox,然后通过点击进行选中和取消
- 手机长按触发事件(网页端)
- 手机长按触发事件(网页端)
- 手机长按触发事件(网页端)
- HTML5:在移动端禁用长按选中文本功能
- 移动端页面禁用长按选中功能
- 长按屏幕注册与取消
- 取消网页(html)的长按手势
- Cordova Android 禁用长按选中功能
- Ios 应用图标长按选中效果
- CListCtrl 选中 和 取消选中
- CListCtrl 选中 和 取消选中
- Jquery radio 选中 取消选中
- HP-UX 修改密码不过期
- react native 多选按钮
- android项目实战-快速集成极光推送自定义消息
- CentOS7 安装Xfce桌面环境
- typedef的小心得
- 手机端取消长按选中
- 日志结构的合并树 The Log-Structured Merge-Tree
- Android 组合动画(xml)
- 使用vagrant和coreos创建kubernetes集群
- JAVA文件打包成.jar
- PAT (Basic Level) Practise (中文) 1034. 有理数四则运算(20)
- unity插件Behavior designer
- UVA11234 Expressions【BFS】
- zookeeper和kafka集群搭建