So brechen Sie die Textauswahl in HTML ab

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.

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:

<div class="box" onselectstart="return false;" unselectable="on">
    这是测试数据
</div>

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!