Skip to content Skip to sidebar Skip to footer

Does Html 'body' Tag Have An Onblur Event?

I tried to bind the onblur event to a tag and it works in IE 6/8. However, when I turn to w3schools, it turns out that the tag doesn't have an onblur even

Solution 1:

The HTML4 specification does not list the onblur attribute.

The HTML5 draft on the other hand does.

Solution 2:

body:onblur is part of the HTML5 spec, but not part of the HTML4 spec.

If you want to support HTML4 browsers, why not use window:onblur? For most cases, you'll have the same functionality.

Solution 3:

I would never rely on the source you mentioned. The problem is, MSIE fires the blur event for almost every element, <body included. Wheres most other implementations do the exact oposite.

It might help if you explicitly the a tabIndex for the body element, for instance:

document.body.tabIndex = 1;
document.body.onblur = function() {
    alert('body blur');
};

That works for me on FF5. That said, I'm not sure how many versions from FF and how much implementations support that 'tricky' workaround.

The next logical question is, why would you want to fire the body a blur event ? The only reasonable thing I can think of, is that you want to know when someone leaves your page ? If that is the case, I would recommend to watch the window itself instead of the body.

window.onblur = function() {
    alert('window blur');
}

Post a Comment for "Does Html 'body' Tag Have An Onblur Event?"