$(":focus") JS原生如何实现？

Question

如何用原生JS实现获取焦点控件？

jquery:

$(":focus")

Answer 1

document上有个activeElement属性，直接调用就能获得focus元素：

document.activeElement;

Answer 2

onfocus onblur事件

Answer 3

1.元素获得焦点的方式有用户输入(通常是按Tab键)、在代码中调用focus()方法和页面加载
2.　默认情况下，文档刚刚加载完成的时候，document.activeelement中保存的是document.body元素的引用。文档加载期间，document.activeelement的值为null。通过document.activeelement可以判断文档是否加载完成。
3.document.hasfocus()方法。这个方法用于确定文档是否获得了焦点