html5+CSS 实现禁止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;
}

以上所述是小编给大家介绍的html5+CSS 实现禁止IOS长按复制粘贴功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

以上就是html5+CSS 实现禁止IOS长按复制粘贴功能。嫉妒,是一个人发自心底地对另一个人最大的认可。更多关于html5+CSS 实现禁止IOS长按复制粘贴功能请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
jquery实现动态改变css样式的方法分析

jquery+css实现Tab栏切换的代码实例

详解关于html,css,js三者的加载顺序问题

jQuery+css last-child实现选择最后一个子元素操作示例

Jquery和CSS实现选择框重置按钮功能