PHP前端开发

html5和CSS 实现禁止IOS长按复制粘贴功能

百变鹏仔 3个月前 (10-18) #H5教程
文章标签 功能

这篇文章主要介绍了关于html5和css 实现禁止ios长按复制粘贴功能,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

因为在移动端APP需要实现长按执行别的事件,但是在iOS系统有默认的长按选择复制粘贴。禁止在网上找了很多资料,下面小编给大家分享解决方案,一起看看吧

因为在移动端APP需要实现长按执行别的事件,但是在iOS系统有默认的长按选择复制粘贴,禁止此功能在网上找了很多资料,最终整理出目前最好的解决方法。

项目是APP,已经经过多款手机适配此时,因此可以放心使用。

/*设置IOS页面长按不可复制粘贴,但是IOS上出现input、textarea不能输入,因此将使用-webkit-user-select:auto;*/*{  -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,textarea {  -webkit-user-select:auto; /*webkit浏览器*/  margin: 0px;  padding: 0px;  outline: none;}

立即学习“前端免费学习笔记(深入)”;