Resaltar el texto seleccionado
Tras seleccionar un pasaje con el ratón lo resalta de forma permanente en amarillo, como un marcador.
Código para copiar
(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 */
}
});
})();Cómo usar este ejemplo
- Copia el código con el botón de arriba.
- Instala JustZix (2 minutos) y abre la extensión en la página de destino.
- Añade una nueva regla que coincida con esa página.
- Pega el código en el panel JavaScript de la regla y guarda — se ejecuta en cada visita a la página.
Valora este ejemplo
Sin valoraciones — sé el primero.