移动端禁止页面复制文字

      有时候操做H5页面须要长按某个按钮的时候,会出现浏览器系统自带的复制功能很烦,怎么解决呢,只须要加入如下样式。html

     

body { -webkit-touch-callout: none; /*系统默认菜单被禁用*/ -webkit-user-select: none; /*webkit浏览器*/ -khtml-user-select: none; /*早起浏览器*/ -moz-user-select: none; /*火狐浏览器*/ -ms-user-select: none; /*IE浏览器*/ user-select: none; /*用户是否可以选中文本*/
}

 可是在输入框input select 不能输入文子,因此还须要加入一些容许他们输入的样式web

 

input,select { -webkit-user-select:auto; /*webkit浏览器*/ user-select: auto; /*用户是否可以选中文本*/
}
相关文章
相关标签/搜索