JavaScript Selection.addRange() — виділити діапазон

Метод addRange() робить діапазон видимим виділенням — таким самим, ніби його зробили мишею.

правити

Загальний опис

Це друга половина рецепта програмного виділення: спершу створюєш Range, потім віддаєш його сюди.

Перед цим варто покликати removeAllRanges() — інакше в браузерах, які підтримують кілька діапазонів, новий просто додасться до старого.

правити

+ додати пораду чи нотатку

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
addRange	1+	1+	1+	7+	12+	9+

Підтримка: мобільні переглядачі

Переглядач
addRange	yes	yes	yes	yes

Приклади

+ запропонувати свій приклад у пісочниці

<p id="quote">Цей абзац виділиться сам</p>

const range = document.createRange();
range.selectNodeContents(document.getElementById('quote'));

const selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);

// тепер текст виділений — ніби мишею