El evento blur
es disparado cuando un elemento ha perdido su foco. La diferencia principal entre este evento y focusout
es que s贸lo el 煤ltimo se propaga (bubbles).
Informaci贸n General
- Especificaci贸n
- DOM L3
- Interfaz
FocusEvent
- Burbujas
- No
- Cancelable
- No
- Objetivo
- Element
- Acci贸n por defecto
- Ninguna.
Nota: El valor de
Document.activeElement
var铆a a traves de navegadores mientras este evento est谩 siendo manejado (error 452307): IE10 lo agrega al elemento al cual el foco se movera, mientras Firefox y Chrome muy seguido lo agregan al cuerpo del documento.Propiedades
Propiedad | Tipo | Descripci贸n |
---|---|---|
target Read only |
EventTarget |
Objetivo del evento (elemento DOM) |
type Read only |
DOMString |
El tipo de evento. |
bubbles Read only |
Boolean |
Si el elemento normalmente se propaga o no. |
cancelable Read only |
Boolean |
Si el evento es cancelable o no. |
relatedTarget Read only |
EventTarget (DOM element) |
null |
Delegaci贸n de eventos
Hay dos maneras de implementar la delegaci贸n de eventos para este evento: usando el evento focusout
en exploradores que lo soporten, o cambiando el par谩metro "useCapture" de addEventListener
a true
:
Contenido HTML
<form id="form">
<input type="text" placeholder="text input">
<input type="password" placeholder="password">
</form>
Contenido JavaScript
var form = document.getElementById("form");
form.addEventListener("focus", function( event ) {
event.target.style.background = "pink";
}, true);
form.addEventListener("blur", function( event ) {
event.target.style.background = "";
}, true);
Compatibilidad en navegadores
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help!
Caracter铆stica | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Soporte b谩sico | 5 | (Yes) | (Yes)[1] | 6 | 12.1 | 5.1 |
Caracter铆stica | Android | Chrome para Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|---|
Soporte b谩sico | 4.0 | 53 | (Yes) | ? | 10.0 | 12.1 | 5.1 |
[1] Antes de Gecko 24 (Firefox 24 / Thunderbird 24 / SeaMonkey 2.21) la interfaz para este evento era Event
, no FocusEvent
. Vea (error 855741).