Zoeken…
Syntaxis
- Selectie sel = window.getSelection ();
- Selectie sel = document.getSelection (); // equivalent aan het bovenstaande
- Bereikbereik = document.createRange ();
- range.setStart (startNode, startOffset);
- range.setEnd (endNode, endOffset);
parameters
| Parameter | Details |
|---|---|
| startOffset | Als het knooppunt een startNode is, is dit het aantal tekens vanaf het begin van startNode tot waar het bereik begint. Anders is het het aantal onderliggende knooppunten tussen het begin van startNode tot waar het bereik begint. |
| endOffset | Als het knooppunt een startNode is, is dit het aantal tekens vanaf het begin van startNode tot waar het bereik eindigt. Anders is dit het aantal onderliggende knooppunten tussen het begin van startNode tot waar het bereik eindigt. |
Opmerkingen
Met de selectie-API kunt u de elementen en tekst bekijken en wijzigen die in het document zijn geselecteerd (gemarkeerd).
Het is geïmplementeerd als een singleton Selection instantie die op het document van toepassing is en een verzameling Range objecten bevat, die elk één aaneengesloten geselecteerd gebied vertegenwoordigen.
Praktisch gesproken ondersteunt geen enkele browser behalve Mozilla Firefox meerdere bereiken in selecties, en dit wordt ook niet aangemoedigd door de specificatie. Bovendien zijn de meeste gebruikers niet bekend met het concept van meerdere bereiken. Als zodanig kan een ontwikkelaar zich meestal maar met één bereik bezighouden.
Deselecteer alles dat is geselecteerd
let sel = document.getSelection();
sel.removeAllRanges();
Selecteer de inhoud van een element
let sel = document.getSelection();
let myNode = document.getElementById('element-to-select');
let range = document.createRange();
range.selectNodeContents(myNode);
sel.addRange(range);
Het kan nodig zijn om eerst alle bereiken van de vorige selectie te verwijderen, omdat de meeste browsers geen meerdere bereiken ondersteunen.
Haal de tekst van de selectie op
let sel = document.getSelection();
let text = sel.toString();
console.log(text); // logs what the user selected
Als alternatief, omdat de toString door sommige functies automatisch wordt aangeroepen bij het converteren van het object naar een string, hoeft u het niet altijd zelf aan te roepen.
console.log(document.getSelection());