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!