Este ejemplo muestra cómo seleccionar toda la entrada con un solo clic usando javaScript.
Sintaxis:
<input onClick="this.select();" >
o
document.getElementById("ID").select();
Ejemplo-1: Usar “this.select()” .
<!DOCTYPE html> <html> <head> <title> Select all text in HTML text input when clicked </title> </head> <body> <br> Input Text: <br> <input onClick="this.select();" type="text" value="GeeksforGeeks"> </body> </html>
Salida:
Antes de hacer clic:
Después de hacer clic:
Ejemplo-2: Uso del método de selección de texto de entrada DOM()
<!DOCTYPE html> <html> <head> <title> Select all text in HTML text input when clicked </title> </head> <body> Input Text: <br> <input type="text" value="GeeksforGeeks" id="eid"> <button type="button" onclick="myFunction()"> Try it </button> <script> function myFunction() { document.getElementById( "eid").select(); } </script> </body> </html>
Salida:
Antes de hacer clic:
Después de hacer clic: