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 相关文章推荐
IE浏览器单独写CSS样式的几种方法
Oct 14 HTML / CSS
使用CSS3配合IE滤镜实现渐变和投影的效果
Sep 06 HTML / CSS
CSS3 实现童年的纸飞机
May 05 HTML / CSS
CSS3实现图片抽屉式效果的示例代码
Nov 06 HTML / CSS
巧用 CSS3的webkit-box-reflect 倒影实现各类动效
Mar 05 HTML / CSS
详解HTML5 LocalStorage 本地存储
Dec 23 HTML / CSS
html5组织文档结构_动力节点Java学院整理
Jul 11 HTML / CSS
html5配合css3实现带提示文字的输入框(摆脱js)
Mar 08 HTML / CSS
HTML5 Canvas draw方法制作动画效果示例
Jul 11 HTML / CSS
html5使用canvas实现跟随光标跳动的火焰效果
Jan 07 HTML / CSS
浅谈HTML5新增和废弃的标签
Apr 28 HTML / CSS
详解使用postMessage解决iframe跨域通信问题
Nov 01 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
《五等分的花嫁》漫画完结!2020年10月第2期TV动画制作组换血!
2020/03/06 日漫
php中显示数组与对象的实现代码
2011/04/18 PHP
浅析php单例模式
2014/11/25 PHP
微信公众号开发客服接口实例代码
2016/10/21 PHP
学习YUI.Ext第五日--做拖放Darg&Drop
2007/03/10 Javascript
javascript 广告后加载,加载完页面再加载广告
2010/11/25 Javascript
nullJavascript中创建对象的五种方法实例
2013/05/07 Javascript
3种不同方式的焦点图轮播特效分享
2013/10/30 Javascript
Javascript学习笔记之相等符号与严格相等符号
2014/11/23 Javascript
jQuery经过一段时间自动隐藏指定元素的方法
2015/03/17 Javascript
详解JavaScript的AngularJS框架中的表达式与指令
2016/03/05 Javascript
Knockout结合Bootstrap创建动态UI实现产品列表管理
2016/09/14 Javascript
完美解决node.js中使用https请求报CERT_UNTRUSTED的问题
2017/01/08 Javascript
jQuery实现鼠标悬停3d菜单展开动画效果
2017/01/19 Javascript
Vue项目中quill-editor带样式编辑器的使用方法
2017/08/08 Javascript
微信小程序授权获取用户详细信息openid的实例详解
2017/09/20 Javascript
JS中用EL表达式获取上下文参数值的方法
2018/03/28 Javascript
Layui数据表格之获取表格中所有的数据方法
2018/08/20 Javascript
[00:28]DOTA2北京网鱼队选拔赛
2015/04/08 DOTA
Python设计实现的计算器功能完整实例
2017/08/18 Python
Python实现在线暴力破解邮箱账号密码功能示例【测试可用】
2017/09/06 Python
[原创]Python入门教程2. 字符串基本操作【运算、格式化输出、常用函数】
2018/10/29 Python
python实现批处理文件
2020/07/28 Python
Python暴力破解Mysql数据的示例
2020/11/09 Python
德国家具在线:Fashion For Home
2017/03/11 全球购物
英国布鲁姆精品店:Bloom Boutique
2018/03/01 全球购物
一套C#面试题
2013/10/09 面试题
出纳员岗位责任制
2014/02/11 职场文书
2014年商场国庆节活动策划方案
2014/09/16 职场文书
防灾减灾标语
2014/10/07 职场文书
离婚财产分配协议书
2014/10/21 职场文书
模范教师材料大全
2014/12/16 职场文书
沈阳故宫导游词
2015/01/31 职场文书
不同意离婚答辩状
2015/05/22 职场文书
学术研讨会主持词
2015/07/04 职场文书
优秀的商业计划书,让融资一步到位
2019/05/07 职场文书