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混合模式mix-blend-mode/background-blend-mode简介
Mar 15 HTML / CSS
css3实现图片遮罩效果鼠标hover以后出现文字
Nov 05 HTML / CSS
CSS3的resize属性使用初探
Sep 27 HTML / CSS
CSS3与动画有关的属性transition、animation、transform对比(史上最全版)
Aug 18 HTML / CSS
html5 Canvas画图教程(9)—canvas中画出矩形和圆形
Jan 09 HTML / CSS
HTML5新增的Css选择器、伪类介绍
Aug 07 HTML / CSS
HTML5事件方法全部汇总
May 12 HTML / CSS
HTML5+CSS3:3D展示商品信息示例
Jan 03 HTML / CSS
遮罩层 + Iframe实现界面自动显示的示例代码
Apr 26 HTML / CSS
AmazeUI中各种的导航式菜单与解决方法
Aug 19 HTML / CSS
Html5页面播放M4a音频文件
Mar 30 HTML / CSS
CSS 鼠标选中文字后改变背景色的实现代码
May 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
三国漫画《火凤燎原》宣布动画化PV放出 预计2020年播出
2020/03/08 国漫
php数组函数序列之array_slice() - 在数组中根据条件取出一段值,并返回
2011/11/07 PHP
php实现根据url自动生成缩略图的方法
2014/09/23 PHP
PHP接入微信H5支付的方法示例
2019/10/28 PHP
可实现多表单提交的javascript函数
2007/08/01 Javascript
asp javascript 实现关闭窗口时保存数据的办法
2007/11/24 Javascript
jquery之Document元素选择器篇
2008/08/14 Javascript
fireworks菜单生成器mm_menu.js在 IE 7.0 显示问题的解决方法
2009/10/20 Javascript
关于javascript中this关键字(翻译+自我理解)
2010/10/20 Javascript
jQuery插件datepicker 日期连续选择
2015/06/12 Javascript
JavaScript实现网站访问次数统计代码
2015/08/12 Javascript
简单实现限制uploadify上传个数
2015/11/16 Javascript
js实现的星星评分功能函数
2015/12/09 Javascript
JS未跨域操作iframe里的DOM
2016/06/01 Javascript
vue组件间通信解析
2017/03/01 Javascript
js前端日历控件(悬浮、拖拽、自由变形)
2017/03/02 Javascript
jQuery实现checkbox全选功能完整实例
2018/07/12 jQuery
微信小程序 网络通信实现详解
2019/07/23 Javascript
JavaScript实现公告栏上下滚动效果
2020/03/13 Javascript
python 网络编程常用代码段
2016/08/28 Python
pycharm下打开、执行并调试scrapy爬虫程序的方法
2017/11/29 Python
Python2.7环境Flask框架安装简明教程【已测试】
2018/07/13 Python
python读取几个G的csv文件方法
2019/01/07 Python
python启动应用程序和终止应用程序的方法
2019/06/28 Python
Django单元测试中Fixtures用法详解
2020/02/25 Python
Python之qq自动发消息的示例代码
2021/02/18 Python
html5 canvas里绘制椭圆并保持线条粗细均匀的技巧
2013/03/25 HTML / CSS
使用HTML5里的classList操作CSS类
2016/06/28 HTML / CSS
捷克购买家具网站:JENA nábytek
2020/03/19 全球购物
澳大利亚最受欢迎的超级商场每日优惠:Catch
2020/11/17 全球购物
如何用JQuery进行表单验证
2013/05/29 面试题
听证会主持词
2015/07/03 职场文书
家属联谊会致辞
2015/07/31 职场文书
市直属机关2016年主题党日活动总结
2016/04/05 职场文书
Python中super().__init__()测试以及理解
2021/12/06 Python
教你在 Java 中实现 Dijkstra 最短路算法的方法
2022/04/08 Java/Android