H5移动端页面禁止复制技巧
前言:业务需要,需要对整个页面禁止弹出复制菜单。 在禁止的页面中加入以下css样式定义
* {
-webkit-touch-callout:none;
/*系统默认菜单被禁用*/-webkit-user-select:none;
/*webkit浏览器*/-khtml-user-select:none;
/*早起浏览器*/-moz-user-select:none;
/*火狐浏览器*/-ms-user-select:none;
/*IE浏览器*/user-select:none;
/*用户是否能够选中文本*/}
还需加入以下JS
实测 IOS禁止呼出复制菜单有效。但在安卓上还无法全部禁止。 安卓UC浏览器上还需加入以下代码,可以禁止长按呼出菜单:
【H5移动端页面禁止复制技巧】安卓QQ浏览器暂时没有找到禁止呼出复制菜单的方法.
推荐阅读
- 基于微信小程序带后端ssm接口小区物业管理平台设计
- Node.js中readline模块实现终端输入
- django-前后端交互
- 移动端h5调试方法
- “沉溺”疫情
- Jsr303做前端数据校验
- 分享!如何分分钟实现微信扫二维码调用外部浏览器打开指定页面的功能
- 40under40|40under40|思想会-那什么拯救你,我的"高端"甲方"爸爸"
- 端银×八正道|端银×八正道 | 21天百万实操信用卡特训营045+Dodo第5次作业
- 7、前端--jQuery简介、基本选择器、基本筛选器、属性选择器、表单选择器、筛选器方法、节点操作、绑定事件