如何在javascript中清除焦点?

我知道这应该不难，但我在谷歌上找不到答案。

我想执行一段javascript，将从任何元素上清除焦点，而不知道提前哪个元素的焦点。它必须在firefox 2和更现代的浏览器上运行。

有什么好办法吗?

当前回答

document.activeElement.blur();

在IE9上工作错误-如果活动元素是文档主体，它会模糊整个浏览器窗口。最好检查一下这种情况:

if (document.activeElement != document.body) document.activeElement.blur();

其他回答

.focus()然后.blur()在你的页面上任意的东西。因为只有一个元素可以有焦点，所以焦点被转移到那个元素，然后被移除。

在使用TypeScript时，这里提供的答案都不是完全正确的，因为您可能不知道所选择的元素的类型。

因此，最好这样做:

if (document.activeElement instanceof HTMLElement)
    document.activeElement.blur();

此外，我不鼓励使用已被接受的答案中提供的解决方案，因为由此产生的模糊不是官方规范的一部分，并且随时可能破坏。

dummyElem.focus()哪里dummyElem是一个隐藏对象(例如有负zIndex)?

使用jQuery，它只是:$(this).blur();

对于任何使用typescript的人，使用

(document.activeElement as HTMLElement).blur();

这确保元素的类型为HTMLElement

推荐文章