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 08 HTML / CSS
css3弹性盒模型(Flexbox)详细介绍
Oct 08 HTML / CSS
CSS3属性box-sizing使用指南
Dec 09 HTML / CSS
CSS3毛玻璃效果(blur)有白边问题的解决方法
Nov 15 HTML / CSS
使用CSS3制作版头动画效果
Dec 24 HTML / CSS
用HTML5实现手机摇一摇的功能的教程
Oct 30 HTML / CSS
html5中canvas学习笔记2-判断浏览器是否支持canvas
Jan 06 HTML / CSS
HTML5拖拽文件到浏览器并实现文件上传下载功能代码
Jun 06 HTML / CSS
利用HTML5 Canvas制作一个简单的打飞机游戏
May 11 HTML / CSS
纯HTML5+CSS3制作生日蛋糕(代码易懂)
Nov 16 HTML / CSS
原生canvas制作画图小工具的踩坑和爬坑
Jun 09 HTML / CSS
html5使用window.postMessage进行跨域实现数据交互的一次实战
Feb 24 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 作用域解析运算符(::)
2010/07/27 PHP
浅谈apache和nginx的rewrite的区别
2013/02/22 PHP
解析PHP 5.5 新特性
2013/07/02 PHP
ThinkPHP连接Oracle数据库
2016/04/22 PHP
javascript中数组的sort()方法的使用介绍
2013/12/18 Javascript
jquery+javascript编写国籍控件
2015/02/12 Javascript
WordPress中利用AJAX技术进行评论提交的实现示例
2016/01/12 Javascript
基于RequireJS和JQuery的模块化编程日常问题解析
2016/04/14 Javascript
JavaScript中的原型继承基础学习教程
2016/05/06 Javascript
JavaScript设置名字输入不合法的实现方法
2017/05/23 Javascript
javascript将url解析为json格式的两种方法
2017/08/18 Javascript
vue 实现全选全不选的示例代码
2018/03/29 Javascript
Vue 框架之键盘事件、健值修饰符、双向数据绑定
2018/11/14 Javascript
详解微信小程序-canvas绘制文字实现自动换行
2019/04/26 Javascript
vue前端框架—Mint UI详解(更适用于移动端)
2019/04/30 Javascript
微信小程序非跳转式组件授权登录的方法示例
2019/05/22 Javascript
JavaScript实现省市区三级联动
2020/02/13 Javascript
windows下create-react-app 升级至3.3.1版本踩坑记
2020/02/17 Javascript
Javascript类型判断相关例题及解析
2020/08/26 Javascript
js实现自定义滚动条的示例
2020/10/27 Javascript
[01:52]2014DOTA2西雅图邀请赛 V社开大会你不知道的小秘密
2014/07/08 DOTA
python中星号变量的几种特殊用法
2016/09/07 Python
python控制nao机器人身体动作实例详解
2019/04/29 Python
django foreignkey外键使用的例子 相当于left join
2019/08/06 Python
Django models filter筛选条件详解
2020/03/16 Python
办公室主任岗位职责
2013/11/08 职场文书
信息专业毕业生五年职业规划参考
2014/02/06 职场文书
财务主管岗位职责
2014/02/28 职场文书
公司年会搞笑主持词
2014/03/24 职场文书
企业文化标语大全
2014/06/10 职场文书
工程学毕业生自荐信
2014/06/14 职场文书
学习十八大演讲稿
2014/09/15 职场文书
地道战观后感
2015/06/04 职场文书
如何利用JavaScript实现二叉搜索树
2021/04/02 Javascript
深入讲解数据库中Decimal类型的使用以及实现方法
2022/02/15 MySQL
Linux中sftp常用命令整理
2022/06/28 Servers