HTML5对手机页面长按会粘贴复制禁用的解决方法


Posted in HTML / CSS onJuly 19, 2016

解决方法如下所示:
 
 直接在CSS 文件中添加下面的代码,就可以实现了在手机端禁止粘贴复制的功能:

XML/HTML Code复制内容到剪贴板
  1. *{   
  2.     -webkit-touch-callout:none;  /*系统默认菜单被禁用*/   
  3.     -webkit-user-select:none; /*webkit浏览器*/   
  4.     -khtml-user-select:none; /*早期浏览器*/   
  5.     -moz-user-select:none;/*火狐*/   
  6.     -ms-user-select:none; /*IE10*/   
  7.     user-select:none;   
  8. }  

在添加完这段代码后,在IOS 上会有问题的,这个时候你会发现input 框无法正在输入了内容了;造成这个原因就是 -webkit-user-select:none; 这个属性造成的。

解决这个方法 就是 在css 文件中同时设置一下input 的属性,如下所示:

XML/HTML Code复制内容到剪贴板
  1. input {      
  2.      -webkit-user-select:auto; /*webkit浏览器*/     
  3. }  

这样就可以了,有什么不正确的地方请大神,指点出来;相互学习,互相进步!

HTML / CSS 相关文章推荐
css3背景_动力节点Java学院整理
Jul 11 HTML / CSS
css3动画过渡实现鼠标跟随导航效果
Feb 08 HTML / CSS
CSS3结构性伪类选择器九种写法
Apr 18 HTML / CSS
任意一块网页内容实现“活”的背景(目前火狐浏览器专有)
May 07 HTML / CSS
移动端Web页面的CSS3 flex布局快速上手指南
May 31 HTML / CSS
关于box-sizing的全面理解
Jul 28 HTML / CSS
利用CSS3实现文字折纸效果实例代码
Jul 10 HTML / CSS
canvas画布实现手写签名效果的示例代码
Apr 23 HTML / CSS
HTML5 与 XHTML2
Oct 17 HTML / CSS
HTML5 画布canvas使用方法
Mar 18 HTML / CSS
详解HTML5 window.postMessage与跨域
May 11 HTML / CSS
css清除浮动clearfix:after的用法详解(附完整代码)
May 21 HTML / CSS
HTML5 Web 存储详解
Sep 16 #HTML / CSS
HTML5移动开发图片压缩上传功能
Nov 09 #HTML / CSS
纯HTML5+CSS3制作生日蛋糕代码
Nov 16 #HTML / CSS
HTML5地理定位与第三方工具百度地图的应用
Nov 17 #HTML / CSS
解决img标签上下出现间隙的方法
Dec 14 #HTML / CSS
HTML5-WebSocket实现聊天室示例
Dec 15 #HTML / CSS
详解HTML5通讯录获取指定多个人的信息
Dec 20 #HTML / CSS
You might like
php使用curl检测网页是否被百度收录的示例分享
2014/01/31 PHP
laravel接管Dingo-api和默认的错误处理方式
2019/10/25 PHP
input 高级限制级用法
2009/03/26 Javascript
JavaScript this 深入理解
2009/07/30 Javascript
分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码
2011/12/12 Javascript
探讨js字符串数组拼接的性能问题
2014/10/11 Javascript
详解AngularJS中的表达式使用
2015/06/16 Javascript
javascript实现判断鼠标的状态
2015/07/10 Javascript
jQuery实现的网页右下角tab样式在线客服效果代码
2015/10/23 Javascript
JS获取地址栏参数的两种方法(简单实用)
2016/06/14 Javascript
React入门教程之Hello World以及环境搭建详解
2017/07/11 Javascript
input file样式修改以及图片预览删除功能详细概括(推荐)
2017/08/17 Javascript
JS获取当前地理位置的方法
2017/10/25 Javascript
vue中使用ueditor富文本编辑器
2018/02/08 Javascript
linux 后台运行node服务指令方法
2018/05/23 Javascript
vue项目中在外部js文件中直接调用vue实例的方法比如说this
2019/04/28 Javascript
LayUI动态设置checkbox不显示的解决方法
2019/09/02 Javascript
vue 实现v-for循环回来的数据动态绑定id
2019/11/07 Javascript
ES5新增数组的实现方法
2020/05/12 Javascript
vue双击事件2.0事件监听(点击-双击-鼠标事件)和事件修饰符操作
2020/07/27 Javascript
JavaScript实现拖拽和缩放效果
2020/08/24 Javascript
[02:55]2018DOTA2国际邀请赛勇士令状不朽珍藏Ⅲ饰品一览
2018/08/01 DOTA
python with statement 进行文件操作指南
2014/08/22 Python
Python 按字典dict的键排序,并取出相应的键值放于list中的实例
2019/02/12 Python
【python】matplotlib动态显示详解
2019/04/11 Python
pytorch 中pad函数toch.nn.functional.pad()的用法
2020/01/08 Python
Django 设置admin后台表和App(应用)为中文名的操作方法
2020/05/10 Python
python 下载m3u8视频的示例代码
2020/11/11 Python
美国鞋类购物网站:Shiekh Shoes
2016/08/21 全球购物
加拿大消费电子和手机购物网站:The Source
2017/01/28 全球购物
idealfit英国:世界领先的女性健身用品和运动衣物品牌
2017/11/25 全球购物
Doyoueven官网:澳大利亚健身服饰和配饰品牌
2019/03/24 全球购物
中国跨镜手机配件批发在线商店:TVC-Mall
2019/08/20 全球购物
贪睡宠物用品:Snoozer Pet Products
2020/02/04 全球购物
品质主管的岗位职责
2013/12/04 职场文书
教师的实习鉴定
2013/12/15 职场文书