移動端禁止頁面復制文字

      有時候操作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; /*用戶是否能夠選中文本*/
}