焦点管理

11.3.2焦点管理

HTML5也添加了辅助管理DOM焦点的功能，首先document.activeElement属性，这个属性始终会引用DOM中当前获得焦点的元素。元素获得焦点的方式有页面加载、用户输入（通常是通过按Tab键）和在代码中调用focus()方法。

代码示例

var button = document.getElementById("myButton");
button.focus();
alert(document.activeElement === button); // true

一般情况下，文档刚刚加载完成时，document.activeElement中保存的是document.body元素的引用。文档加载期间，document.activeElement的值是null

document.hasFocus()方法

这个方法用于确定文档是否获得了焦点 `

var button = document.getElementById("myButton");
button.focus();
alert(document.hasFocus());//true，通过检测文档是否获得了焦点，可以知道用户是不是正在与页面交互

兼容性

IE4+,Firefox3+,chrome,Safari4+,Opera8+