¿Cómo seleccionar todo el texto en la entrada de texto HTML cuando se hace clic con JavaScript?

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:

Publicación traducida automáticamente

Artículo escrito por Blinkii y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *