HTML5對(duì)手機(jī)頁(yè)面長(zhǎng)按會(huì)粘貼復(fù)制禁用的解決方法
發(fā)布時(shí)間：2016-07-19 11:16:03 作者：佚名 
我要評(píng)論
我要評(píng)論這篇文章主要介紹了HTML5對(duì)手機(jī)頁(yè)面長(zhǎng)按會(huì)粘貼復(fù)制禁用的解決方法的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
解決方法如下所示：
直接在CSS 文件中添加下面的代碼，就可以實(shí)現(xiàn)了在手機(jī)端禁止粘貼復(fù)制的功能：
XML/HTML Code復(fù)制內(nèi)容到剪貼板
- *{
- -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ì)有問(wèn)題的，這個(gè)時(shí)候你會(huì)發(fā)現(xiàn)input 框無(wú)法正在輸入了內(nèi)容了；造成這個(gè)原因就是 -webkit-user-select:none; 這個(gè)屬性造成的。
解決這個(gè)方法 就是 在css 文件中同時(shí)設(shè)置一下input 的屬性，如下所示：
XML/HTML Code復(fù)制內(nèi)容到剪貼板
- input {
- -webkit-user-select:auto; /*webkit瀏覽器*/
- }
這樣就可以了，有什么不正確的地方請(qǐng)大神，指點(diǎn)出來(lái)；相互學(xué)習(xí)，互相進(jìn)步！
相關(guān)文章
HTML5 Canvas實(shí)現(xiàn)的鼠標(biāo)點(diǎn)擊長(zhǎng)按粒子動(dòng)畫特效源碼
是一款基于HTML5+Canvas繪制散開(kāi)的粒子，鼠標(biāo)按住粒子超光速動(dòng)畫效果，非常有意思，歡迎喜歡此效果的朋友們前來(lái)下載使用2019-05-24
移動(dòng)端html5模擬長(zhǎng)按事件的實(shí)現(xiàn)方法
這篇文章主要介紹了移動(dòng)端html5模擬長(zhǎng)按事件的實(shí)現(xiàn)方法的相關(guān)資料,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-30詳解移動(dòng)端html5頁(yè)面長(zhǎng)按實(shí)現(xiàn)高亮全選文本內(nèi)容的兼容解決方案
這篇文章主要介紹了詳解移動(dòng)端html5頁(yè)面長(zhǎng)按實(shí)現(xiàn)高亮全選文本內(nèi)容的兼容解決方案 ,具有一定的參考價(jià)值，有興趣的可以了解一下。2016-12-03一文徹底解決HTML5頁(yè)面中長(zhǎng)按保存圖片功能
這篇文章主要介紹了解決HTML5頁(yè)面中長(zhǎng)按保存圖片功能，本文分步驟給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2019-06-10
