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');
}
精彩评论