`getSelection` în JavaScript

Returnează textul selectat de utilizator în pagină și permite modificarea selecției.

Sintaxă

const selectie = getSelection();
selectie.toString()

Ce face `getSelection`

getSelection() returnează un obiect Selection. toString() dă textul selectat, rangeCount numărul de zone, getRangeAt(0) prima zonă, iar removeAllRanges() deselectează tot.

Pentru textul selectat într-un câmp de formular folosește selectionStart și selectionEnd ale câmpului.

Ce returnează

Un obiect Selection.

Exemple

Exemplul 1: Butonul „Citează” pentru textul selectat

document.addEventListener("mouseup", () => {
  const text = getSelection().toString().trim();
  if (text) console.log(`„${text}”`);
});

Rezultat în browser

„JavaScript rulează în browser”

Greșeli frecvente

Citești selecția dintr-un <textarea> cu getSelection(). Folosește camp.value.slice(camp.selectionStart, camp.selectionEnd).

Comenzi înrudite

navigator.clipboard.writeText / readText: Copiază un text în clipboard sau îl citește de acolo (cu permisiunea utilizatorului).
input.select / setSelectionRange / showPicker: Selectează textul dintr-un câmp (tot sau o parte) și deschide din cod selectorul de dată, culoare sau fișier.
addEventListener: Rulează o funcție când se întâmplă ceva pe pagină: un clic, o tastă, trimiterea unui formular.

Ce face getSelection