使用js获取焦点（焦点）元素代码

对于良好的用户体验来说，Web应用程序的可访问性和可用性以及功能是必不可少的。
当我们的网站工作得很好/经验很好，用户不知道，但是当我们做得不好时，我们肯定会感觉到。应用程序的可用性和可访问性的一个重要部分是处理焦点，但这是开发者经常忽略的另一点。

可怜的输入焦点处理的一个例子：在点击链接打开一个窗口，而不是聚焦光标在窗口中的任何元素。更糟糕的是，重点是一些元素在模态窗口，但重点不在是封闭的回报。理想情况下，参考保存链接时触发，然后将光标聚焦到新的窗口，并将光标移回当窗口关闭。

但是如果你不知道哪个元素在输入光标的现在，我们可以得到的关键要素在当前文档中通过document.activeelement属性。

Javaｓｃｒｉｐｔ

它很容易使用document.activeelement找到当前选中的元素。
复制代码代码如下所示：
无功focusedelement = document.activeelement；

例如，其中一个例子：
无功triggerelement = document.activeelement；
mymodal =新mymodal（{
OnOpen：函数（）{
This.container.focus（）；
}，
OnClose：函数（）{
TriggerElement.focus（）；
}
}）；
* /

此属性是不仅提供传统的输入元素，包括表单字段或标签链接，而且任何元素，设置tabindex属性。

我之所以喜欢document.activeelement是我不需要使用事件侦听器或委托侦听器跟踪和记录元素获得焦点。你可以在任何时候得到这个属性，当然，在使用这个特性之前你应该做大量的测试，不管是在浏览器还是比赛条件下都是错误的，总之，我对它非常满意，我认为它非常可靠。