So verbieten Sie das Kopieren und Einfügen in HTML

青灯夜游
Freigeben: 2023-01-06 11:13:17
Original
7909 Leute haben es durchsucht

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.

So verbieten Sie das Kopieren und Einfügen in HTML

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;

}
Nach dem Login kopieren

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浏览器*/

}
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage