Suche…
Syntax
- Auswahl sel = window.getSelection ();
- Auswahl sel = document.getSelection (); // entspricht dem oben
- Range range = document.createRange ();
- range.setStart (startNode, startOffset);
- range.setEnd (endNode, endOffset);
Parameter
| Parameter | Einzelheiten |
|---|---|
| startOffset | Wenn der Knoten ein startNode ist, ist dies die Anzahl der Zeichen vom Anfang von startNode bis zum Beginn des Bereichs. Andernfalls ist es die Anzahl der startNode Knoten zwischen dem Beginn von startNode und dem Beginn des Bereichs. |
| endOffset | Wenn der Knoten ein startNode ist, ist dies die Anzahl der Zeichen vom Anfang von startNode bis zum Ende des Bereichs. Andernfalls ist es die Anzahl der startNode Knoten zwischen dem Beginn von startNode und dem Ende des Bereichs. |
Bemerkungen
Mit der Auswahl-API können Sie die im Dokument ausgewählten (hervorgehobenen) Elemente und Text anzeigen und ändern.
Es wird als eine Singleton implementiert Selection - Instanz , die auf das Dokument bezieht, und hält eine Sammlung von Range die jeweils einem zusammenhängenden Bereich ausgewählt.
In der Praxis unterstützt kein Browser außer Mozilla Firefox mehrere Bereiche bei der Auswahl. Dies wird auch von der Spezifikation nicht empfohlen. Darüber hinaus sind die meisten Benutzer mit dem Konzept mehrerer Bereiche nicht vertraut. Daher kann sich ein Entwickler normalerweise nur mit einem Bereich beschäftigen.
Deaktivieren Sie alles, was ausgewählt ist
let sel = document.getSelection();
sel.removeAllRanges();
Wählen Sie den Inhalt eines Elements aus
let sel = document.getSelection();
let myNode = document.getElementById('element-to-select');
let range = document.createRange();
range.selectNodeContents(myNode);
sel.addRange(range);
Es kann erforderlich sein, zuerst alle Bereiche der vorherigen Auswahl zu entfernen, da die meisten Browser nicht mehrere Bereiche unterstützen.
Holen Sie sich den Text der Auswahl
let sel = document.getSelection();
let text = sel.toString();
console.log(text); // logs what the user selected
Da die toString beim Konvertieren des Objekts in eine Zeichenfolge automatisch von einigen Funktionen aufgerufen wird, müssen Sie sie nicht immer selbst aufrufen.
console.log(document.getSelection());