Подсветка выделенного текста
После выделения фрагмента мышью стойко подсвечивает его жёлтым, как маркер в книге.
Код для копирования
(function () {
document.addEventListener('mouseup', function () {
var sel = window.getSelection();
if (!sel || sel.isCollapsed || sel.rangeCount === 0) return;
var range = sel.getRangeAt(0);
if (range.toString().trim().length === 0) return;
var mark = document.createElement('mark');
mark.style.cssText = 'background:#fff3a3;color:inherit;';
try {
range.surroundContents(mark);
sel.removeAllRanges();
} catch (e) {
/* selection crosses element boundaries — skip */
}
});
})();Как использовать этот пример
- Скопируй код кнопкой выше.
- Установи JustZix (2 минуты) и открой расширение на нужной странице.
- Добавь новое правило, совпадающее с этой страницей.
- Вставь код в панель JavaScript правила и сохрани — он запускается при каждом заходе на страницу.
Оцени этот пример
Оценок пока нет — оцени первым.