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实现的圆形旋转分享按钮旋转角度可自己调整
Sep 02 HTML / CSS
css3实现超炫风车特效
Nov 12 HTML / CSS
CSS3中的常用选择器使用示例整理
Jun 13 HTML / CSS
CSS3 不定高宽垂直水平居中的几种方式
Mar 26 HTML / CSS
HTML5自定义data-* data(obj)属性和jquery的data()方法的使用
Dec 13 HTML / CSS
html5 Web SQL Database 之事务处理函数transaction与executeSQL解析
Nov 07 HTML / CSS
HTML5 Canvas 绘图——使用 Canvas 绘制图形图文教程 使用html5 canvas 绘制精美的图
Aug 31 HTML / CSS
详解HTML5 Canvas绘制不规则图形时的非零环绕原则
Mar 21 HTML / CSS
详解HTML5 data-* 自定义属性
Jan 24 HTML / CSS
简述Html5 IphoneX 适配方法
Feb 08 HTML / CSS
浅谈基于Canvas的手绘风格图形库Rough.js
Mar 19 HTML / CSS
iframe跨域的几种常用方法
Nov 11 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伪造referer突破网盘禁止外连的代码
2008/06/15 PHP
第四章 php数学运算
2011/12/30 PHP
php集成套件服务器xampp安装使用教程(适合第一次玩PHP的新手)
2015/06/03 PHP
php脚本运行时的超时机制详解
2016/02/17 PHP
功能强大的php文件上传类
2016/08/29 PHP
jquery简单的拖动效果实现原理及示例
2013/07/26 Javascript
Function.prototype.bind用法示例
2013/09/16 Javascript
jquery和javascript中如何将一元素的内容赋给另一元素
2014/01/09 Javascript
JavaScript通过prototype给对象定义属性用法实例
2015/03/23 Javascript
jQuery插件扩展实例【添加回调函数】
2016/11/26 Javascript
JS使用正则截取两个字符串之间的字符串实现方法详解
2017/01/06 Javascript
BootStrap 弹出层代码
2017/02/09 Javascript
nodejs入门教程三:调用内部和外部方法示例
2017/04/24 NodeJs
jquery图片放大镜效果
2017/06/23 jQuery
vue移动端实现下拉刷新
2018/04/22 Javascript
js canvas实现画图、滤镜效果
2018/11/27 Javascript
详解一个基于react+webpack的多页面应用配置
2019/01/21 Javascript
JavaScript中的回调函数实例讲解
2019/01/27 Javascript
解决layer.confirm快速点击会重复触发事件的问题
2019/09/23 Javascript
vue实现在v-html的html字符串中绑定事件
2019/10/28 Javascript
浅谈JSON5解决了JSON的两大痛点
2020/12/14 Javascript
如何在 Vue 中使用 JSX
2021/02/14 Vue.js
[00:32]DOTA2上海特级锦标赛 COL战队宣传片
2016/03/04 DOTA
[28:05]完美世界DOTA2联赛循环赛Inki vs DeMonsTer 第一场 10月30日
2020/10/31 DOTA
Python爬虫设置代理IP(图文)
2018/12/23 Python
python配置grpc环境
2019/01/01 Python
对Python强大的可变参数传递机制详解
2019/06/13 Python
来自美国主售篮球鞋的零售商店:KICKSUSA
2017/11/28 全球购物
社区党员先进事迹
2014/01/22 职场文书
教学实习自我评价
2014/01/28 职场文书
领导党性分析材料
2014/02/15 职场文书
珍惜水资源建议书
2014/03/12 职场文书
租房协议书范本
2014/04/09 职场文书
演讲稿格式范文
2014/05/19 职场文书
大一新生检讨书
2014/10/29 职场文书
2016年119消防宣传日活动总结
2016/04/05 职场文书