怎么解決HTML5對(duì)手機(jī)頁(yè)面長(zhǎng)按會(huì)粘貼復(fù)制禁用的問題

本篇文章給大家分享的是有關(guān)怎么解決HTML5對(duì)手機(jī)頁(yè)面長(zhǎng)按會(huì)粘貼復(fù)制禁用的問題，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

解決方法如下所示：

直接在CSS 文件中添加下面的代碼，就可以實(shí)現(xiàn)了在手機(jī)端禁止粘貼復(fù)制的功能：

XML/HTML Code復(fù)制內(nèi)容到剪貼板

1. *{   
       -webkit-touch-callout:none;  /*系統(tǒng)默認(rèn)菜單被禁用*/   
       -webkit-user-select:none; /*webkit瀏覽器*/   
       -khtml-user-select:none; /*早期瀏覽器*/   
       -moz-user-select:none;/*火狐*/   
       -ms-user-select:none; /*IE10*/   
       user-select:none;   
   }

在添加完這段代碼后，在IOS 上會(huì)有問題的，這個(gè)時(shí)候你會(huì)發(fā)現(xiàn)input 框無法正在輸入了內(nèi)容了；造成這個(gè)原因就是 -webkit-user-select:none; 這個(gè)屬性造成的。

解決這個(gè)方法 就是 在css 文件中同時(shí)設(shè)置一下input 的屬性，如下所示：

XML/HTML Code復(fù)制內(nèi)容到剪貼板

1. input {      
        -webkit-user-select:auto; /*webkit瀏覽器*/     
   
   

以上就是怎么解決HTML5對(duì)手機(jī)頁(yè)面長(zhǎng)按會(huì)粘貼復(fù)制禁用的問題，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見到或用到的。希望你能通過這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注億速云行業(yè)資訊頻道。