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 17 HTML / CSS
CSS3 :nth-child()伪类选择器实现奇偶行显示不同样式
Nov 05 HTML / CSS
一款超酷的js+css3实现的3D标签云特效兼容ie7/8/9
Nov 18 HTML / CSS
纯CSS3实现的阴影效果
Dec 24 HTML / CSS
Css3圆角边框制作代码
Nov 18 HTML / CSS
详解CSS 3 中的 calc() 方法
Jan 12 HTML / CSS
CSS3中媒体查询结合rem布局适配手机屏幕
Jun 10 HTML / CSS
HTML5实现的图片无限加载的瀑布流效果另带边框圆角阴影
Mar 07 HTML / CSS
html5在移动端的屏幕适应问题示例探讨
Jun 15 HTML / CSS
H5新属性audio音频和video视频的控制详解(推荐)
Dec 09 HTML / CSS
canvas之自定义头像功能实现代码示例
Sep 29 HTML / CSS
钉钉企业内部H5微应用开发详解
May 12 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适配器模式介绍
2012/08/14 PHP
php结合ajax实现赞、顶、踩功能实例
2014/05/12 PHP
zend framework框架中url大小写问题解决方法
2014/08/19 PHP
php写入、删除与复制文件的方法
2015/06/20 PHP
举例讲解PHP面对对象编程的多态
2015/08/12 PHP
基于jQuery Bar Indicator 插件实现进度条展示效果
2015/09/30 Javascript
js中使用使用原型(prototype)定义方法的好处详解
2016/07/04 Javascript
利用React-router+Webpack快速构建react程序
2016/10/27 Javascript
javaScript生成支持中文带logo的二维码(jquery.qrcode.js)
2017/01/03 Javascript
详解Vue2+Echarts实现多种图表数据可视化Dashboard(附源码)
2017/03/21 Javascript
一步一步的了解webpack4的splitChunk插件(小结)
2018/09/17 Javascript
从零撸一个pc端vue的ui组件库( 计数器组件 )
2019/08/08 Javascript
JavaScript 中判断变量是否为数字的示例代码
2020/10/22 Javascript
Node.js中的异步生成器与异步迭代详解
2021/01/31 Javascript
[48:48]VGJ.T vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Flask入门教程实例:搭建一个静态博客
2015/03/27 Python
python开发中module模块用法实例分析
2015/11/12 Python
python实现汽车管理系统
2018/11/30 Python
python list数据等间隔抽取并新建list存储的例子
2019/11/27 Python
matplotlib 曲线图 和 折线图 plt.plot()实例
2020/04/17 Python
Python基于当前时间批量创建文件
2020/05/07 Python
Python Scrapy多页数据爬取实现过程解析
2020/06/12 Python
python中plt.imshow与cv2.imshow显示颜色问题
2020/07/16 Python
一款纯css3实现的非常实用的鼠标悬停特效演示
2014/11/05 HTML / CSS
IE9对HTML5中部分属性不支持的原因分析
2014/10/15 HTML / CSS
do you have any Best Practice for testing
2016/06/04 面试题
装饰资料员岗位职责
2013/12/30 职场文书
安全责任书范本
2014/04/15 职场文书
暑期社会实践个人总结
2015/03/06 职场文书
2015年工程部工作总结
2015/04/30 职场文书
公司员工违纪检讨书
2015/05/05 职场文书
事业单位工作人员2015年度思想工作总结
2015/10/15 职场文书
《曹冲称象》教学反思
2016/02/20 职场文书
创业计划书之酒吧
2019/12/02 职场文书
详解Laravel制作API接口
2021/05/31 PHP
Python实现Excel文件的合并(以新冠疫情数据为例)
2022/03/20 Python