html5+CSS 实现禁止IOS长按复制粘贴功能
编程学习 2021-07-04 19:20www.dzhlxh.cn编程入门
因为在移动端APP需要实现长按执行别的事件,但是在iOS系统有默认的长按选择复制粘贴。禁止在网上找了很多资料,狼蚁网站SEO优化长沙网络推广给大家分享解决方案,一起看看吧
因为在移动端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; }
以上所述是长沙网络推广给大家介绍的html5+CSS 实现禁止IOS长按复制粘贴功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持!