0
316
ViewsCambiar permanentemente el color de fondo del texto seleccionado
¿Cómo puedo cambiar permanentemente el color de fondo del texto DIV cuando lo selecciono? Lo que estoy tratando de lograr es un efecto de resaltado como este: 
¿Alguien puede indicarme cómo lograr esto con javascript?
Agradezco mucho tu ayuda.
EDITAR: necesito que mi texto permanezca resaltado y resalte varios textos sin perder el resaltado de los anteriores.
·
Juan Pablo Isaza
2 answers
Answer question0
Debe agregar un detector de eventos en javascript y cuando se selecciona un texto en ese momento, debe cambiar el color como se muestra a continuación.
function logSelection(event) { // Get Selection sel = window.getSelection(); if (sel.rangeCount && sel.getRangeAt) { range = sel.getRangeAt(0); } // Set design mode to on document.designMode = "on"; if (range) { sel.removeAllRanges(); sel.addRange(range); } // Colorize text document.execCommand("ForeColor", false, "red"); // Set design mode to off document.designMode = "off"; } const input = document.querySelector('input'); input.addEventListener('select', logSelection);
·
Juan Pablo Isaza
Report
0
Utilice ::selection para anular el color predeterminado:
::selection{ background: #FFD24D; } <p>A team of horses will struggle to chase down a spoken word.</p>
·
Juan Pablo Isaza
Report
Answer question