码迷,mamicode.com
首页 > 移动开发 > 详细

移动端禁止页面复制文字

时间:2018-12-05 16:25:07      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:解决   操作   允许   one   系统默认   文字   系统   webkit   页面   

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

     

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 不能输入文子,所以还需要加入一些允许他们输入的样式

 

input,select {
  -webkit-user-select:auto; /*webkit浏览器*/
  user-select: auto; /*用户是否能够选中文本*/
}

 

  

  

 

移动端禁止页面复制文字

标签:解决   操作   允许   one   系统默认   文字   系统   webkit   页面   

原文地址:https://www.cnblogs.com/jaume/p/10070713.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!