HTML5对手机页面长按会粘贴复制禁用的解决方法

本文摘自PHP中文网，作者巴扎黑，侵删。

解决方法如下所示：

直接在CSS 文件中添加下面的代码，就可以实现了在手机端禁止粘贴复制的功能：

XML/HTML Code复制内容到剪贴板

1. 1 2 3 4 5 6 7 8

   *{       -webkit-touch-callout:none;  /*系统默认菜单被禁用*/       -webkit-user-select:none; /*webkit浏览器*/       -khtml-user-select:none; /*早期浏览器*/       -moz-user-select:none;/*火狐*/       -ms-user-select:none; /*IE10*/       user-select:none;   }

在添加完这段代码后，在IOS 上会有问题的，这个时候你会发现input 框无法正在输入了内容了；造成这个原因就是 -webkit-user-select:none; 这个属性造成的。

解决这个方法 就是 在css 文件中同时设置一下input 的属性，如下所示：

XML/HTML Code复制内容到剪贴板

1. 1 2 3

   input {           -webkit-user-select:auto; /*webkit浏览器*/     }

这样就可以了，有什么不正确的地方请大神，指点出来；相互学习，互相进步！

以上就是HTML5对手机页面长按会粘贴复制禁用的解决方法的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

HTML5实现拖拽批量上传文件的代码

在HTML5 canvas中放入图片和保存为图片的方法

HTML5 canvas如何绘制圆形？（代码实例）

HTML5web存储实例代码

HTML5新特性之mutation observer代码详解

HTML5 figure和figcaption的使用方法

HTML5 canvas画布详解（六）

HTML5的集合

用HTML5实现一个简单的钟表外观

html如何修改日期样式

更多相关阅读请进入《HTML5》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » HTML5对手机页面长按会粘贴复制禁用的解决方法