Heim  >  Artikel  >  Web-Frontend  >  So brechen Sie die Textauswahl in HTML ab

So brechen Sie die Textauswahl in HTML ab

醉折花枝作酒筹
醉折花枝作酒筹Original
2021-06-03 11:30:133874Durchsuche

In HTML können Sie das Attribut „user-select“ verwenden, um die Textauswahl abzubrechen. Sie müssen nur den Code „user-select:none“ für das Element festlegen. Mit dem Attribut „user-select“ wird festgelegt, ob der Benutzer Text auswählen kann. Wenn der Wert „none“ ist, bedeutet dies, dass der Text nicht ausgewählt werden kann.

So brechen Sie die Textauswahl in HTML ab

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

Das User-Select-Attribut ist ein neues Attribut in CSS3, mit dem festgelegt wird, ob der Benutzer Text auswählen kann. Es kann für alle Elemente außer Ersatzelementen verwendet werden. Im Folgenden finden Sie eine Beschreibung der Hauptverwendung und Vorsichtsmaßnahmen für die Benutzerauswahl. Weitere Informationen finden Sie in der folgenden CSS3-Dokumentbeschreibung.

(1) Syntax

**user-select:**none |

none: Text kann nicht ausgewählt werden

text: Text kann ausgewählt werden

all: Alle Inhalte können als Ganzes ausgewählt werden. Wenn Sie auf ein untergeordnetes Element doppelklicken oder im Kontext darauf klicken, ist der ausgewählte Teil das höchste Vorgängerelement, das von diesem untergeordneten Element aus zurückverfolgt wird.

Element: Text kann ausgewählt werden, aber der Auswahlbereich ist durch die Elementgrenze eingeschränkt

(3) Beschreibung

1.IE6-9 unterstützt dieses Attribut nicht, unterstützt aber die Verwendung des Label-Attributs onselectstart="return false; "um Benutzer zu erreichen- Der Effekt von select:none; Safari und Chrome unterstützen dieses Label-Attribut ebenfalls;

2. Dieses Attribut wird bis Opera12.5 noch nicht unterstützt, unterstützt aber wie IE6-9 auch die Verwendung von privat Label-Attribut „on“ um dies zu erreichen. Der andere Wert von „unselectable“ ist deaktiviert

3, außer für Chrome und *Safari, wenn der Text auf -ms gesetzt ist -user-select:none;, der Benutzer Sie können nicht mit der Textauswahl in diesem Textblock beginnen. Wenn der Benutzer jedoch mit der Textauswahl in einem anderen Bereich der Seite beginnt, kann er den Text weiterhin auf -ms-user-select:none

4; festlegen Funktion ist userSelect

( 4) Beispiel

CSS-Code:

.box{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

HTML-Code:

f79b5c1eb90a830d712ab106435f834a
    这是测试数据
16b28748ea4df4d9c2150843fecfba68

Effekt:


Empfohlenes Lernen:

HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo brechen Sie die Textauswahl in HTML ab. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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