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实现自定义滚动条代码分享
Aug 18 HTML / CSS
CSS3属性选择符介绍
Oct 17 HTML / CSS
纯css3实现的竖形无限级导航
Dec 10 HTML / CSS
HTML5 video视频字幕的使用和制作方法
May 03 HTML / CSS
HTML5 Canvas标签使用收录
Jul 07 HTML / CSS
用HTML5.0制作网页的教程
May 30 HTML / CSS
html5 canvas移动浏览器上实现图片压缩上传
Mar 11 HTML / CSS
浅谈HTML5中dialog元素尝鲜
Oct 15 HTML / CSS
HTML5 3D旋转相册的实现示例
Dec 03 HTML / CSS
CSS3中Animation实现简单的手指点击动画的示例
Jul 15 HTML / CSS
HTML中的表单元素介绍
Feb 28 HTML / CSS
如何用H5实现好玩的2048小游戏
Jul 23 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读取文件内容的几种方法详解
2013/06/26 PHP
Laravel学习教程之从入口到输出过程详解
2017/08/27 PHP
Jquery 的outerHeight方法使用介绍
2013/09/11 Javascript
javascript修改表格背景色实例代码分享
2013/12/10 Javascript
关于js数组去重的问题小结
2014/01/24 Javascript
浅谈重写window对象的方法
2014/12/29 Javascript
JavaScript之Object类型介绍
2015/04/01 Javascript
Bootstrap每天必学之按钮(一)
2015/11/24 Javascript
Bootstrap CSS组件之下拉菜单(dropdown)
2016/12/17 Javascript
JavaScript实现无穷滚动加载数据
2017/05/06 Javascript
让微信小程序支持ES6中Promise特性的方法详解
2017/06/13 Javascript
webpack学习笔记之代码分割和按需加载的实例详解
2017/07/20 Javascript
详解Webpack多环境代码打包的方法
2018/08/03 Javascript
vue返回上一页面时回到原先滚动的位置的方法
2018/12/20 Javascript
深入浅出vue图片路径的实现
2019/09/04 Javascript
ligerUI的ligerDialog关闭刷新的方法
2019/09/27 Javascript
JavaScript 面向对象基础简单示例
2019/10/02 Javascript
Echarts在Taro微信小程序开发中的踩坑记录
2020/11/09 Javascript
使用python检测手机QQ在线状态的脚本代码
2013/02/10 Python
python重试装饰器示例
2014/02/11 Python
Python实现从订阅源下载图片的方法
2015/03/11 Python
Python双向循环链表实现方法分析
2018/07/30 Python
Python提取频域特征知识点浅析
2019/03/04 Python
python画双y轴图像的示例代码
2019/07/07 Python
django 2.2和mysql使用的常见问题
2019/07/18 Python
Python实现图片添加文字
2019/11/26 Python
Pytorch evaluation每次运行结果不同的解决
2020/01/02 Python
pytorch标签转onehot形式实例
2020/01/02 Python
将python字符串转化成长表达式的函数eval实例
2020/05/11 Python
李维斯法国官网:Levi’s法国
2019/07/13 全球购物
德国富尔达运动鞋店:43einhalb
2020/12/25 全球购物
年度考核自我鉴定
2013/11/09 职场文书
英语演讲稿范文
2014/01/03 职场文书
端午节活动总结
2014/08/26 职场文书
营销总经理岗位职责范本
2014/09/02 职场文书
合作协议书模板2014
2014/09/26 职场文书