El evento select() se aplica a un elemento usando jQuery cuando el usuario realiza una selección de texto dentro de un elemento o al enfocar el elemento. Este evento está limitado a algunos campos.
Sintaxis:
$("selected element").select();
//Select all Input field on focus
$("input").select();
//Select Input field on focus whose type="text"
$("input[type='text']").select();
//Select input field using its id="input-field"
$("#input-field").select();
Ejemplo:
en el siguiente ejemplo, seleccione todo lo que se hizo en el elemento de entrada del formulario usando el evento de enfoque, enfoque y clic.
<!DOCTYPE html>
<html>
<head>
<script src="
https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js
">
</script>
<style>
input {
margin: 12px;
}
::-moz-selection {
/* Code for Firefox */
color: white;
background: red;
}
::selection {
color: white;
background: red;
}
</style>
</head>
<body align="center">
<form action="/action_page.php"
autocomplete="off">
First name:
<input type="text"
name="fname"
value="Geeks"
required>
<br> Last name:
<input type="text"
name="lname"
value="forGeeks"
required>
<br> E-mail:
<input type="email"
name="eid"
value="carear@geeksforgeeks.org" />
<br> Password:
<input type="password"
name="upwd"
value="********"
required maxlength="8">
<br> User Age:
<input type="number"
name="Test"
min="10"
value="24"
max="80"
required/>
<br> Your web Profile:
<input type="url"
name="Test"
value="http://geeksforgeeks.org"
required />
<br>
<input type="submit" value="Submit">
</form>
<script>
$("input[type='text']").on("click", function() {
$(this).select();
});
$("input").focus(function() {
$(this).select();
});
$("input").focusin(function() {
$(this).select();
});
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por VigneshKannan3 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA