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弹性盒模型开发笔记(一)
Apr 26 HTML / CSS
CSS改变网页中鼠标选中文字背景颜色例子
Apr 23 HTML / CSS
CSS3实现闪烁动画效果的方法
Feb 09 HTML / CSS
css3 矩阵的使用详解
Mar 20 HTML / CSS
HTML5实现的震撼3D焦点图动画的示例代码
Sep 26 HTML / CSS
HTML5 常用语法一览(列举不支持的属性)
Jan 26 HTML / CSS
HTML5 transform三维立方体实现360无死角三维旋转效果
Aug 22 HTML / CSS
Html5新标签datalist实现输入框与后台数据库数据的动态匹配
May 18 HTML / CSS
HTML5添加禁止缩放功能
Nov 03 HTML / CSS
html5录音功能实战示例
Mar 25 HTML / CSS
HTML5 FileReader对象的具体使用方法
May 22 HTML / CSS
使用CSS实现六边形的图片效果
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
Window下PHP三种运行方式图文详解
2013/06/11 PHP
php对数组排序代码分享
2014/02/24 PHP
Javascript学习笔记5 类和对象
2010/01/11 Javascript
禁用页面部分JavaScript方法的具体实现
2013/07/31 Javascript
JS获取单击按钮单元格所在行的信息
2014/06/17 Javascript
JavaScript函数详解
2014/11/17 Javascript
jQuery中parent()方法用法实例
2015/01/07 Javascript
js弹出对话框方式小结
2015/11/17 Javascript
javascript实现简单计算器效果【推荐】
2016/04/19 Javascript
Bootstrap基本插件学习笔记之Tooltip提示工具(18)
2016/12/08 Javascript
nodeJS(express4.x)+vue(vue-cli)构建前后端分离实例(带跨域)
2017/07/05 NodeJs
Vue网页html转换PDF(最低兼容ie10)的思路详解
2017/08/24 Javascript
解析vue data不可以使用箭头函数问题
2018/07/03 Javascript
小程序getLocation需要在app.json中声明permission字段
2019/04/04 Javascript
JS实现图片切换特效
2019/12/23 Javascript
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
2020/05/19 jQuery
[34:47]完美世界DOTA2联赛PWL S2 Magma vs LBZS 第一场 11.18
2020/11/18 DOTA
python编程测试电脑开启最大线程数实例代码
2018/02/09 Python
对python打乱数据集中X,y标签对的方法详解
2018/12/14 Python
在python中将字符串转为json对象并取值的方法
2018/12/31 Python
Python使用OpenPyXL处理Excel表格
2020/07/02 Python
夏尔巴人登珠峰品牌:Sherpa Adventure Gear
2018/02/08 全球购物
Currentbody法国:健康与美容高科技产品
2020/08/16 全球购物
试解释COMMIT操作和ROLLBACK操作的语义
2014/07/25 面试题
如何用Java实现列出某个目录下的所有子目录
2015/07/20 面试题
项目合作协议书范本
2014/04/16 职场文书
大学毕业生个人自荐书
2014/07/02 职场文书
2014最新毕业证代领委托书
2014/09/26 职场文书
具结保证书
2015/01/17 职场文书
2015学生会文艺部工作总结
2015/04/03 职场文书
幼儿园中班教学反思
2016/03/03 职场文书
《合作意向书》怎么写?
2019/08/20 职场文书
python实现求纯色彩图像的边框
2021/04/08 Python
基于Redis过期事件实现订单超时取消
2021/05/08 Redis
MySQL定时备份数据库(全库备份)的实现
2021/09/25 MySQL
企业开发CSS命名BEM代码规范实践
2022/02/12 HTML / CSS