当前位置: 移动技术网 > 移动技术>移动开发>IOS > html5+CSS 禁止IOS长按复制粘贴实现

html5+CSS 禁止IOS长按复制粘贴实现

2018年09月16日  | 移动技术网移动技术  | 我要评论

因为在移动端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;
}


 

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网