Javascript 当点击Chrome时，链接不会收到焦点

我在Chrome上遇到了一个非常奇怪的行为，这对我来说似乎是一个bug：当你点击一个链接时，链接没有收到焦点。更糟糕的是，身体反而占据了焦点

在这里可以观察到这种行为：（

请参见此处的代码示例

）

---

这是虫子吗？这是标准行为吗？有什么办法可以让链接像其他浏览器一样在鼠标按下时获得焦点吗？

添加标签索引到锚定标签它应该可以工作，这不是一个bug，而是一个web工具包之类的东西

<a href="#" tabindex="1">Click me</a>

---

除了公认的答案外：

由于将

tabindex

设置为

1

将更改选项卡行为，因此我建议将其设置为

-1

：它不会中断选项卡导航，并且仍将使其无法聚焦

<a href="#" tabindex="-1">Example</a>

顺便说一下，关于这些问题

---

---

注意：同样的事情也发生在我身上，但就在Safari上：可能Chrome已经解决了这个问题。

链接应该始终以本机方式接收焦点。如果你的链接没有

href

属性，它就不会有了（但不确定没有href的链接的用例！）。

哇，我没想到会有这个！它工作得很好。我对复选框也有同样的问题，但我会为这个问题打开一个新的问题，因为您已经回答了原始问题。下面是这有帮助的解释：“通过给它一个tabindex，您可以使任何您喜欢的元素可聚焦。聚焦和模糊事件应该对这些元素起作用。”适用于所有浏览器：同样的行为也适用于复选框，请参见此处的问题：