javascript - textos - jquery subrayar texto

resaltar todo el texto en textarea

Question

Quiero seleccionar todo el texto dentro de un área de texto cuando un usuario hace clic en el área de texto. Intenté onclick="this.focus()" , pero esto no hizo nada. Intenté onclick="this.highlight()" , pero esto causó un error. ¿Que debería hacer?

Answer 1

Debe usar la función .focus () así como también la función .select () Javascript para lograr el resultado deseado.

Consulte el siguiente enlace para ver un ejemplo:

http://www.plus2net.com/javascript_tutorial/textarea-onclick.php

Answer 2

Esto puede molestar a sus usuarios, ya que evita el comportamiento predeterminado útil de colocar el símbolo de intercalación en el lugar donde hizo clic el usuario y, por lo tanto, lo desaconsejo en general. Dicho esto, la solución para la mayoría de los navegadores es onclick="this.select()" .

Sin embargo, esto no funcionará en Chrome [ACTUALIZACIÓN en febrero de 2014: ahora parece funcionar en las versiones recientes de Chrome] . Para obtener una solución y antecedentes generales sobre este tema, consulte la siguiente pregunta: jQuery: seleccione todo el texto de un área de texto

Answer 3

Para completar otras respuestas quizás le gustaría copiar el código / texto que acaba de hacer clic, así que use:

onclick="this.focus();this.select();document.execCommand(''copy'')"

Answer 4

onclick="this.focus()" es redundante, ya que el método focus() es lo mismo que hacer clic en el área de texto (pero coloca el cursor al final del texto).

highlight() ni siquiera es una función, a menos que, por supuesto, la hayas creado en otro lugar.

Conclusión: haz esto. this.select()

Answer 5

<script type="text/javascript">
function SelectAll(id)
{
document.getElementById(id).focus();
document.getElementById(id).select();
}
</script>
Textarea:<br>
<textarea rows="3" id="txtarea" onClick="SelectAll(''txtarea'');" style="width:200px" >This text you can select all by clicking here </textarea>

Tengo este código here

Answer 6

onclick="this.focus();this.select()" readonly="readonly"