El evento HTML DOM onblur ocurre cuando un objeto pierde el foco. El evento onblur es lo opuesto al evento onfocus.
El evento onblur se usa principalmente con código de validación de formulario (por ejemplo, cuando el usuario abandona un campo de formulario).
Sintaxis:
En HTML:
<element onblur="myScript">
En JavaScript:
object.onblur = function(){myScript};
En JavaScript, usando el método addEventListener():
object.addEventListener("blur", myScript);
Ejemplo: uso de HTML
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2>HTML DOM onblur event</h2> Email:
<input type="email" id="email" onblur="myFunction()">
<script>
function myFunction() {
alert("Focus lost");
}
</script>
</center>
</body>
</html>
Producción:
Ejemplo: En JavaScript:
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2>HTML DOM onblur event</h2>
<input type="email" id="email">
<script>
document.getElementById("email").onblur = function() {
myFunction()
};
function myFunction() {
alert("Input field lost focus.");
}
</script>
</center>
</body>
</html>
Producción:
Ejemplo: en JavaScript, usando el método addEventListener()
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2>HTML DOM onblur event</h2>
<input type="email" id="email">
<script>
document.getElementById(
"email").addEventListener("blur", myFunction);
function myFunction() {
alert("Input field lost focus.");
}
</script>
</center>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con HTML DOM onblur Event se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- safari de manzana
- Ópera
Publicación traducida automáticamente
Artículo escrito por Vijay Sirra y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA