Изменить цвет пользовательского выделения с помощью JavaScript'a

Рейтинг: 0Ответов: 1Опубликовано: 03.12.2014

Вот код, с помощью которого получилось изменить выделение, но как сделать, чтобы оно затем убиралось? Не могу догнать.

document.body.addEventListener('mouseup', function() {
    var selectText = window.getSelection();
    var rng = selectText.getRangeAt(0);
    var span = document.createElement('span');
    span.style.backgroundColor = 'yellow';
    rng.surroundContents(span);
}, false);

Ссылка на Jsfiddle

javascript
Источник: Stack Overflow на русском

Ответы

▲ 1

Если вы имеете в виду «снять браузерное выделение», как только отпустили мышку — чтобы осталось только ваше искусственное жёлтое – то так:

window.getSelection().removeAllRanges(); // для норм. браузеров
// document.selection.empty(); // для старых(?) IE

Фиддл.