html如何禁止復(fù)制粘貼

這篇文章給大家分享的是有關(guān)html如何禁止復(fù)制粘貼的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

在html中，可以利用touch-callout和user-select屬性來屬性禁止復(fù)制粘貼功能，只需要設(shè)置“user-select:none;-webkit-touch-callout:none;”樣式即可。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

小伙伴們在開發(fā)的時候偶爾會遇到這樣的需求，客戶要求文章頁禁止復(fù)制和粘貼，實現(xiàn)這個功能代碼如下 （可同時實現(xiàn)PC端和手機(jī)端）：

*{

-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 上會有問題的，這個時候你會發(fā)現(xiàn)input 框無法正在輸入了內(nèi)容了；造成這個原因就是 -webkit-user-select:none; 這個屬性造成的。

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

input {

-webkit-user-select:auto; /*webkit瀏覽器*/

}

html有什么特點

1、簡易性：超級文本標(biāo)記語言版本升級采用超集方式，從而更加靈活方便，適合初學(xué)前端開發(fā)者使用。 2、可擴(kuò)展性：超級文本標(biāo)記語言的廣泛應(yīng)用帶來了加強(qiáng)功能，增加標(biāo)識符等要求，超級文本標(biāo)記語言采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來保證。  3、平臺無關(guān)性：超級文本標(biāo)記語言能夠在廣泛的平臺上使用，這也是萬維網(wǎng)盛行的一個原因。 4、通用性：HTML是網(wǎng)絡(luò)的通用語言，它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。

感謝各位的閱讀！關(guān)于“html如何禁止復(fù)制粘貼”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！