2010-12-03 8 views
5

Javascript: ¿Cómo crear el detector de eventos en el evento Window.Blur()?Javascript: ¿Cómo crear el detector de eventos en el evento Window.Blur()?

+0

¿Está utilizando jQuery o cualquier otra biblioteca JS o simplemente estamos hablando de JS directo? –

+0

Es lo mismo que con cualquier otro oyente de eventos: ¿qué has intentado hasta ahora? – casablanca

+3

OK, esto es gracioso: escribí una respuesta, pero quería hacer una prueba rápida de ello. Funcionó, y luego no pude volver a esta página para publicar mi respuesta porque la pestaña en la que estaba probando mi script alertaría cada vez que perdiera el foco. Mientras tanto, Patrick respondió. –

Respuesta

13
window.onblur = function() { 
    //say goodbye 
}; 

According to quirksmodeonfocus y onblur están disponibles en el window en la mayoría de los navegadores.

+1

Lo único que agregaré es que la versión anterior de Internet Explorer no manejaba esto correctamente; Puede evitar el uso de document.onfocusout. –

0

Probar:

window.onBlur = function(e) { 
    // Code here. 
} 
+0

No funciona, 'onblur' distingue entre mayúsculas y minúsculas. – user

+0

Si bien este código podría responder la pregunta, generalmente se considera una buena práctica agregar una explicación de lo que hace su código. Esto permite a los desarrolladores que no tienen conocimientos en esta área entender lo que está sucediendo en el código y les ayuda a aprender a resolver el problema ellos mismos en el futuro. –

4

Es mejor usar addEventListener en lugar de una propiedad, de esta manera puede establecer varios controladores y nadie (incluido usted) desactivará accidentalmente su controlador sobrescribiendo la propiedad onblur.

window.addEventListener('blur', function() { 
    console.log('blur'); 
}); 
Cuestiones relacionadas