texto seleccionado y resaltado con javascript en textarea y div al mismo tiempo
esta demostración solo muestra el texto seleccionado en div, pero necesito mostrar el mismo texto en ambos libros, solo muestre qué texto está resaltado en div o textarea al mismo tiempo
<!DOCTYPE html> <html> <body> <p id="test">This example uses the addEventListener() method to attach a "select" event to an element.</p> <input style="width:100%" type="text" value="Only text in the input field is being displayed when selected!" id="myText"> <p id="demo"></p> <script> document.addEventListener("mouseup", function(){ if(document.getSelection()){ document.querySelector("#demo").textContent = document.getSelection(); }else if(window.getSelection()){ document.querySelector("#demo").textContent = document.getSelection(); }else if(document.selection){ document.querySelector("#demo").textContent = document.selection.createRange().text; } }); </script> </body> </html>revisa mi captura de pantalla
Solo necesito mostrarle al texto lo que está seleccionado en textarea o div necesito cambiar el color en ambos bloques al mismo tiempo
Además, mi área de texto no tiene identificación ni clase, y quiero que siga siendo así.
<textarea></textarea>gracias, si puede mostrar un ejemplo de javascript, será muy útil.
puede seleccionar textarea con:
document.querySelector("textarea").style.backgroundColor = "yellow";window.getSelection() tiene todas las propiedades para contar el desplazamiento de la selección de todo el texto.