h5页面在ios机上禁止长按复制

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了h5页面在ios机上禁止长按复制，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含555字，纯文字阅读大概需要1分钟。

内容图文

（注意，增加之后需要对input的另外设置，不然输入框无法输入）场景：H5出现一个按钮需要长按几秒展示动画的，如：skcs.net-tactic.com/wap/peace/index，这时就需要用到禁止苹果的

ios机默认存在长按复制选择，用以下代码取消：

*{

-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;

}

 

但是以上代码也会禁止输入框的使用，可用以下代码解决：

input {

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

}

textarea {                                                                //如果存在textarea也输入不进文本的情况下，加上这个

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

}

原文：https://www.cnblogs.com/7qin/p/10747761.html

内容总结

以上是互联网集市为您收集整理的h5页面在ios机上禁止长按复制全部内容，希望文章能够帮你解决h5页面在ios机上禁止长按复制所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---