Cómo obtener el texto resaltado en JavaScript?

Mientras desarrollan sitios web dinámicos, los desarrolladores con frecuencia necesitan recuperar el texto resaltado o seleccionado por el usuario. Esto puede ser efectivo para múltiples situaciones, como permitir a los usuarios copiar y pegar texto o tomar alguna otra acción basada en el contenido resaltado/seleccionado.

Este tutorial demostrará:

• Cómo obtener el texto resaltado en JavaScript?
• Consejo de bonificación: resalte el texto usando el "documento.método getSelection () "

Cómo obtener el texto resaltado en JavaScript usando la "ventana.método getSelection () "?

El "ventana.getSelection ()"El método es un método predefinido de JavaScript que proporciona un"Selección"Objeto como una representación del texto que ahora se selecciona en la página. El objeto "Selección" indica uno o más rangos de texto que el usuario ha elegido.

Ejemplo

En el ejemplo dado, recuperaremos el texto seleccionado de la página web. Primero, crearemos un párrafo de texto usando un HTML

elemento y asignar una identificación "mensaje"Eso ayuda a obtener este párrafo para aplicar diferentes funcionalidades:

Linuxhint es un excelente recurso para aprender sobre Linux y el software de código abierto relacionado. También ofrece muchos tutoriales y guías en diferentes lenguajes de programación, como Java, Python, HTML, CSS, JavaScript, etc. Linuxhint proporciona información simple, clara y auténtica.

Ahora, crearemos un área para imprimir/mostrar el texto recuperado en la página web usando el elemento:

Texto resaltado: id = "resaltoTeText">

En JavaScript, defina una función llamada "elegir texto()"Que devolverá el objeto seleccionado llamando al"ventana.getSelection ()" método:

función selectText ()
if (ventana.GetSelection)
ventana de retorno.getSelection ();

Definir, otra función llamada "gethighlightedText ()"Que invocará la función" selectText () "para imprimir el texto resaltado:

función gethighlightedText ()
documento.getElementById ("SoactedText").inntext = selectText ();

Ahora, obtenga la referencia del párrafo utilizando su ID asignada y luego llame a la función "GethighlightedText ()" en el evento de clic:

documento.getElementById ("Mensaje").addEventListener ("hacer clic", gethighlightedText);

Puede ver que el texto resaltado se ha recuperado con éxito:

Se trata de recuperar el texto resaltado en JavaScript.

Conclusión

Para obtener el texto seleccionado o resaltado en la página web, use el "ventana.getSelection ()"Método o el"documento.getSelection ()" método. Ambos métodos son los mismos en términos de rendimiento. Use la "ventana.método getSelection () "para seleccionar objetos para toda la ventana. Mientras que el "documento.El método getSelection () "se utiliza para el objeto de selección para el documento actual.