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对手机页面长按会粘贴复制禁用的解决方法的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

h5的多线程如何实现web worker

HTML5前端是什么？

使用HTML5中的localstorage实现记住密码功能

HTML5 canvas学习的实例介绍

HTML5 footer标签怎么用？footer标签的用法实例

移动端页面头部固定定位的绝对定位实现（代码示例）

h5新特性及网页布局实例

通过HTML5中的canvas来绘制一个圆环形进度条

html代码什么意思？

HTML5 常用标签汇总详情

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

书籍

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

￥83.86元   人民邮电出版社

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

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