JavaScript Selection.addRange() — виділити діапазон
Метод addRange() робить діапазон видимим виділенням — таким самим, ніби його зробили мишею.
Загальний опис
Це друга половина рецепта програмного виділення: спершу створюєш Range, потім віддаєш його сюди.
Перед цим варто покликати removeAllRanges() — інакше в браузерах, які підтримують кілька діапазонів, новий просто додасться до старого.
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | 3 | ≤12.1 | 12 | 9 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | 1 |
Приклади
+ запропонувати свій приклад у пісочниці
Виділити абзац програмно.
HTML
<p id="quote">Цей абзац виділиться сам</p>JS
const range = document.createRange();
range.selectNodeContents(document.getElementById('quote'));
const selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);
// тепер текст виділений — ніби мишеюКоментарі
Коментарів ще немає — будьте першим!