So verbieten Sie das Kopieren und Einfügen in HTML

In HTML können Sie die Attribute „touch-callout“ und „user-select“ verwenden, um die Funktion zum Kopieren und Einfügen zu deaktivieren. Sie müssen nur den Stil „user-select:none;-webkit-touch-callout:none;“ festlegen.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Freunde stoßen beim Entwickeln gelegentlich auf eine solche Anforderung. Der Code zum Implementieren dieser Funktion lautet wie folgt (kann sowohl auf PC als auch auf Mobiltelefonen implementiert werden):

*{

-webkit-touch-callout:none; /*系统默认菜单被禁用*/

-webkit-user-select:none; /*webkit浏览器*/

-khtml-user-select:none; /*早期浏览器*/

-moz-user-select:none;/*火狐*/

-ms-user-select:none; /*IE10*/

user-select:none;

}

Nachher Wenn Sie diesen Absatz hinzufügen, tritt unter IOS ein Problem auf. Zu diesem Zeitpunkt können Sie feststellen, dass der Grund dafür das Attribut -webkit-user-select ist.

Die Lösung für dieses Problem besteht darin, gleichzeitig die Eingabeattribute in der CSS-Datei festzulegen, wie unten gezeigt:

input {

-webkit-user-select:auto; /*webkit浏览器*/

}

Empfohlenes Tutorial: „HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonSo verbieten Sie das Kopieren und Einfügen in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!