How to create event listener on Window.Blur () event?

Question

Javascript: How to create event listener on Window.Blur() event?

Answer 1

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

According to quirksmode onfocus and onblur are available on the window in most browsers.

Answer 2

It's better to use addEventListener instead of a property, this way you can set multiple handlers and nobody (including yourself) will accidentally disable your handler by overwriting the onblur property.

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