JavaScript Selection.removeAllRanges() — зняти виділення

Метод removeAllRanges() знімає виділення — прибирає всі діапазони.

правити

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

Потрібен у двох випадках. Перший — просто прибрати підсвітку після дії: скопіювали текст, і виділення більше не потрібне.

Другий, важливіший — перед встановленням власного виділення. Якщо не зняти старе, новий діапазон може додатись до нього, а не замінити.

правити

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

Переглядачі

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

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

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

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

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

Приклади

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

<pre id="code">const answer = 42;</pre>

const selection = window.getSelection();

// спершу знімаємо старе...
selection.removeAllRanges();

// ...і лише потім ставимо своє
const range = document.createRange();
range.selectNodeContents(document.getElementById('code'));
selection.addRange(range);

console.log('Виділено:', selection.toString());

// а просто прибрати підсвітку:
// selection.removeAllRanges();