Heim >Web-Frontend >Front-End-Fragen und Antworten >So implementieren Sie das Auswahlverbot in HTML
So implementieren Sie das Auswahlverbot in HTML
- 藏色散人Original
- 2021-04-12 09:36:262960Durchsuche
So implementieren Sie das Verbot der HTML-Auswahl: 1. Verhindern Sie die Auswahl von HTML-Inhalten über CSS. 2. Verhindern Sie die Auswahl von HTML-Inhalten, indem Sie onselectstart und andere Attribute zum Body-Tag hinzufügen. 3. Implementieren Sie es, indem Sie onselectstart-Anweisungen in js hinzufügen verbieten.
Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.
Auf der Seite ist die Auswahl von HTML-Inhalten verboten
1 Über das CSS
*{
moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select:none;
-khtml-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}user-select-Attribut: siehe https://www.html.cn/book/css/properties/user-interface/user -select .htm
2. Durch Hinzufügen der folgenden Attribute zum Body-Tag:
<body "return false;" onselectstart="return false">
Der erste Satz verbietet das Klicken mit der rechten Maustaste und der zweite Satz verbietet das Kopieren.
3. Fügen Sie die folgenden zwei Zeilen mit Anweisungen in js hinzu:
//禁止页面选择以及鼠标右键
document.function(){return false;};
document.onselectstart=function(){return false;};[Empfohlenes Lernen: HTML-Video-Tutorial]
Das obige ist der detaillierte Inhalt vonSo implementieren Sie das Auswahlverbot in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!