Does HTML 'body' tag have an onblur event?

2019-06-24 06:44发布

站内问答 / JavaScript
715 3 6

I 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?

3条回答
淡お忘
2楼-- · 2019-06-24 07:10

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.

查看更多
0人赞 添加讨论(0) 举报
Lonely孤独者°
3楼-- · 2019-06-24 07:11

The HTML4 specification does not list the onblur attribute.

The HTML5 draft on the other hand does.

查看更多
0人赞 添加讨论(0) 举报
Deceive 欺骗
4楼-- · 2019-06-24 07:27

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人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(6)