开发者

Does HTML 'body' tag have an onblur event?

I 开发者_JS百科tried to bind the onblur event to a <body> tag and it works in IE 6/8.

However, when I turn to w3schools, it turns out that the <body> tag doesn't have an onblur event.

Can anyone explain this?


The HTML4 specification does not list the onblur attribute.

The HTML5 draft on the other hand does.


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.


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');
}
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜