Ghid rapid DOM Selection API

Ghid rapid de referinta pentru standardul DOM Selection API (window.getSelection()).

🔗 Conex: Ghid rapid DOM Range API

Obtinerea selectiei curente (Getting Current Selection)

const selection = window.getSelection(); // sau document.getSelection()
const selectedText = selection.toString();

---

Gestionarea intervalelor (Range Management)

// Accesare interval activ
const rangeCount = selection.rangeCount;
if (rangeCount > 0) {
  const currentRange = selection.getRangeAt(0);
}

// Curatare selectii active (deselecteaza textul)
selection.removeAllRanges();

// Setare selectie noua prin cod
selection.addRange(range);

// Eliminare interval specific
selection.removeRange(range);

---

Cursor si restrangere (Caret & Collapsing)

// Restrange selectia la un singur punct (cursor)
selection.collapse(parentNode, offset);

// Restrange la inceput sau la sfarsit
selection.collapseToStart();
selection.collapseToEnd();

// Verifica daca selectia este restransa (cursor intermitent)
const isCaret = selection.isCollapsed;

---

Stergerea selectiei (Selection Deletion)

// Elimina continutul selectat direct din documentul DOM
selection.deleteFromDocument();

---

Evenimente de modificare a selectiei (Selection Change Events)

document.addEventListener('selectionchange', () => {
  const sel = document.getSelection();
  // Inregistrare modificare
  console.log('Selection changed:', sel.toString());
});