El desenfoque() es un método incorporado en jQuery que se usa para eliminar el foco del elemento seleccionado. Este método inicia el evento de desenfoque o se le puede adjuntar una función para que se ejecute cuando ocurre un evento de desenfoque.
Sintaxis:
$(selector).blur(function)
Parámetro: Acepta un parámetro opcional “función”.
Valor de retorno: no devuelve nada, simplemente activa el evento de desenfoque en el elemento seleccionado.
Código #1:
En el siguiente código, no se pasa ninguna función al método de desenfoque.
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/
jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#btn").click(function() {
$("input").blur();
$("p").html("This is blur method that is used!!!");
});
});
</script>
</head>
<body>
<!--enter value and click on the button -->
Enter Value:
<input type="text">
<br>
<br>
<button id="btn">start blur event!!!</button>
<p style="color:green"></p>
</body>
</html>
Salida:
Antes de ingresar cualquier valor en el cuadro «Ingresar valor» – 
Después de ingresar un valor de «GeeksforGeeks» en el cuadro «Ingresar valor» – 
Después de hacer clic en el botón «Iniciar evento de desenfoque» –
Código #2:
En el siguiente código, la función se pasa al método de desenfoque.
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/
jquery/3.3.1/jquery.min.js"></script>
<script>
<!-- jQuery code to show blur method -->
$(document).ready(function() {
$("input").blur(function() {
$(this).css("background-color", "#ADFF2F");
});
});
</script>
</head>
<body>
<!-- Enter a value to the field and click outside
to see the change -->
Enter Value:
<input type="text" name="fullname">
</body>
</html>
Salida:
antes de ingresar cualquier valor en el cuadro «Ingresar valor»-
Después de ingresar un valor de «GeeksforGeeks» en el cuadro «Ingresar valor»-
Después de hacer clic con el botón del mouse en cualquier parte de la pantalla,
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA