El focusout() es un método incorporado en jQuery que se utiliza para eliminar el foco del elemento seleccionado.
Sintaxis:
$(selector).focusout(function);
Parámetro: Acepta una “función” de parámetro que se ejecutará después de la ejecución del método de desvanecimiento.
Valor devuelto: Devuelve el elemento seleccionado que pierde el foco.
código jQuery para mostrar el funcionamiento del método focusout():
<html>
<head>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<!-- jQuery code to show the working of this method -->
<script>
$(document).ready(function() {
$("div").focusin(function() {
$(this).css("background-color", "green");
});
$("div").focusout(function() {
$(this).css("background-color", "#FFFFFF");
});
});
</script>
<style>
div {
border: 2px solid black;
width: 50%;
padding: 20px;
}
input {
padding: 5px;
margin: 10px;
}
</style>
</head>
<body>
<!-- click inside the field focusin will take place and when
click outside focusout will take place -->
<div>
Enter name:
<input type="text">
<br>
</div>
</body>
</html>
Salida:
después de hacer clic dentro del campo de entrada, el enfoque estará en acción.
Después de hacer clic fuera del campo de entrada, el enfoque estará en acción.
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA