小編給大家分享一下HTML5對(duì)手機(jī)頁面長按會(huì)粘貼復(fù)制禁用怎么辦,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
創(chuàng)新互聯(lián)建站是專業(yè)的寧安網(wǎng)站建設(shè)公司,寧安接單;提供成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、外貿(mào)營銷網(wǎng)站建設(shè),網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行寧安網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!
解決方法如下所示:
直接在CSS 文件中添加下面的代碼,就可以實(shí)現(xiàn)了在手機(jī)端禁止粘貼復(fù)制的功能:
*{ -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 的屬性,如下所示:
input { -webkit-user-select:auto; /*webkit瀏覽器*/ }
以上是“HTML5對(duì)手機(jī)頁面長按會(huì)粘貼復(fù)制禁用怎么辦”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!