Heim Web-Frontend Front-End-Fragen und Antworten So implementieren Sie das Auswahlverbot in HTML

So implementieren Sie das Auswahlverbot in HTML

Apr 12, 2021 am 09:36 AM
html

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.

So implementieren Sie das Auswahlverbot in HTML

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;
}
Nach dem Login kopieren

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">
Nach dem Login kopieren

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;};
Nach dem Login kopieren

[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!

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

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Verschachtelte Tabelle in HTML

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Tabellenrahmen in HTML

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

HTML-Rand links

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

HTML-Tabellenlayout

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Text in HTML verschieben

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

HTML-geordnete Liste

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

HTML-Onclick-Button

Wie analysiert und verarbeitet man HTML/XML in PHP? Wie analysiert und verarbeitet man HTML/XML in PHP? Feb 07, 2025 am 11:57 AM

Wie analysiert und verarbeitet man HTML/XML in PHP?

See all articles