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 display知识详解
Nov 25 HTML / CSS
CSS3田字格列表的样式编写方法
Nov 22 HTML / CSS
HTML5 placeholder属性详解
Jun 22 HTML / CSS
HTML5如何实现元素拖拽
Mar 11 HTML / CSS
X/HTML5 和 XHTML2
Oct 17 HTML / CSS
HTML5画渐变背景图片并自动下载实现步骤
Nov 18 HTML / CSS
HTML5+WebSocket实现多文件同时上传的实例
Dec 29 HTML / CSS
简述Html5 IphoneX 适配方法
Feb 08 HTML / CSS
CSS3实现三角形不断放大效果
Apr 13 HTML / CSS
position:sticky 粘性定位的几种巧妙应用详解
Apr 24 HTML / CSS
HTML+CSS实现导航条下拉菜单的示例代码
Aug 02 HTML / CSS
css3手动实现pc端横向滚动
Jun 21 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
星际RPG字典
2020/03/04 星际争霸
php printf输出格式使用说明
2010/12/05 PHP
destoon出现验证码不显示时的紧急处理方法
2014/08/22 PHP
ThinkPHP上使用多说评论插件的方法
2014/10/31 PHP
PHP通过串口实现发送短信
2015/07/08 PHP
Thinkphp 框架扩展之类库扩展操作详解
2020/04/23 PHP
php的对象传值与引用传值代码实例讲解
2021/02/26 PHP
基于JQuery的抓取博客园首页RSS的代码
2011/12/01 Javascript
javascript实现校验文件上传控件实例
2015/04/20 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
2016/02/18 Javascript
JavaScript动态生成二维码图片
2016/04/20 Javascript
Node.js 实现简单小说爬虫实例
2016/11/18 Javascript
JS小数转换为整数的方法分析
2017/01/07 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
2017/01/17 Javascript
JS实现简易刻度时钟示例代码
2017/03/11 Javascript
js实现音乐播放控制条
2017/09/09 Javascript
解决iView中时间控件选择的时间总是少一天的问题
2018/03/15 Javascript
如何在Vue中抽离接口配置文件
2019/10/31 Javascript
[02:53]DOTA2英雄昆卡基础教程
2013/11/25 DOTA
Python中使用装饰器来优化尾递归的示例
2016/06/18 Python
python使用tensorflow深度学习识别验证码
2018/04/03 Python
python获取本机所有IP地址的方法
2018/12/26 Python
浅析python 中大括号中括号小括号的区分
2019/07/29 Python
python scipy卷积运算的实现方法
2019/09/16 Python
使用html5 canvas创建太空游戏的示例
2014/05/08 HTML / CSS
澳大利亚当地最大的时装生产商:Cue
2018/08/06 全球购物
材料化学应届生求职信
2013/10/09 职场文书
物业接待员岗位职责
2015/04/15 职场文书
2019年恭贺升学祝福语集锦
2019/08/15 职场文书
导游词之河北白洋淀
2020/01/15 职场文书
my.ini优化mysql数据库性能的十个参数(推荐)
2021/05/26 MySQL
如何理解python接口自动化之logging日志模块
2021/06/15 Python
Redis集群节点通信过程/原理流程分析
2022/03/18 Redis
Python OpenCV实现图像模板匹配详解
2022/04/07 Python
VUE之图片Base64编码使用ElementUI组件上传
2022/04/09 Vue.js
Hive常用日期格式转换语法
2022/06/25 数据库