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 iphone玻璃透明气泡完美实现
Mar 20 HTML / CSS
CSS实现的一闪而过的图片闪光效果
Apr 23 HTML / CSS
如何使用css3实现一个类在线直播的队列动画的示例代码
Jun 17 HTML / CSS
纯CSS3实现圆圈动态发光特效动画的示例代码
Mar 08 HTML / CSS
详解Canvas 实现炫丽的粒子运动效果(粒子生成文字)
Feb 01 HTML / CSS
HTML5 本地存储之如果没有数据库究竟会怎样
Apr 25 HTML / CSS
html特殊符号示例 html特殊字符编码对照表
Jan 14 HTML / CSS
从零实现一个自定义html5播放器的示例代码
Aug 01 HTML / CSS
Html5写一个简单的俄罗斯方块小游戏
Dec 03 HTML / CSS
H5离线存储Manifest原理及使用
Apr 28 HTML / CSS
浅析HTML5页面元素及属性
Jan 20 HTML / CSS
HTML静态页面获取url参数和UserAgent的实现
Aug 05 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/05/15 PHP
PHP实现Google plus的好友拖拽分组效果
2016/10/21 PHP
jQuery+php简单实现全选删除的方法
2016/11/28 PHP
PHPExcel导出2003和2007的excel文档功能示例
2017/01/04 PHP
nodejs中exports与module.exports的区别详细介绍
2013/01/14 NodeJs
CheckBoxList多选样式jquery、C#获取选择项
2013/09/06 Javascript
完美解决AJAX跨域问题
2013/11/01 Javascript
jQuery CSS()方法改变现有的CSS样式表
2014/09/09 Javascript
node.js中的fs.lchmod方法使用说明
2014/12/16 Javascript
jquery实现二级导航下拉菜单效果
2015/12/18 Javascript
前端面试题及答案整理(二)
2016/08/26 Javascript
jQuery Ajax传值到Servlet出现乱码问题的解决方法
2016/10/09 Javascript
微信小程序 动态传参实例详解
2017/04/27 Javascript
underscore之Chaining_动力节点Java学院整理
2017/07/10 Javascript
JavaScript事件处理程序详解
2017/09/19 Javascript
vue修改对象的属性值后页面不重新渲染的实例
2018/08/09 Javascript
微信小程序实现联动选择器
2019/02/15 Javascript
详细分析JavaScript中的深浅拷贝
2020/09/17 Javascript
[05:35]DOTA2英雄梦之声_第13期_拉比克
2014/06/21 DOTA
[01:10:27]DOTA2-DPC中国联赛正赛 SAG vs XG BO3 第二场 3月5日
2021/03/11 DOTA
在Python中处理字符串之ljust()方法的使用简介
2015/05/19 Python
python3.7.0的安装步骤
2018/08/27 Python
Django处理Ajax发送的Get请求代码详解
2019/07/29 Python
python常见字符串处理函数与用法汇总
2019/10/30 Python
用html5实现语音搜索框的方法
2014/03/18 HTML / CSS
加拿大著名的奢侈品购物网站:SSENSE(支持中文)
2020/06/25 全球购物
如何查找和删除数据库中的重复数据
2014/11/05 面试题
你所在的项目是如何确定版本号的
2015/12/28 面试题
小区停车场管理制度
2014/01/27 职场文书
客服部班长工作责任制
2014/02/25 职场文书
小学二年级学生评语
2014/04/21 职场文书
体育比赛口号
2014/06/09 职场文书
高一课前三分钟演讲稿
2014/09/13 职场文书
2015年小班保育员工作总结
2015/05/27 职场文书
拔河比赛队名及霸气口号
2015/12/24 职场文书
导游词之湖州-太湖
2019/10/11 职场文书