Highlight selected text
After selecting a passage with the mouse it permanently highlights it in yellow, like a book marker.
Code to copy
(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 */
}
});
})();How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's JavaScript panel and save — it runs on every page visit.
Rate this example
No ratings yet — be the first.