javascript - Firefox 不会将焦点设置到 anchor 元素

Question

我创建了一个 Skip to Content我页面上跳转到按钮的链接。在 IE 和 Chrome 中，焦点设置在允许我使用 Enter 激活它的按钮上。然而，在 Firefox 中，它不会将焦点设置到按钮上。它似乎在按钮之后聚焦，因为我需要按 Shift+Tab(Tab 向后)才能聚焦在按钮上。

<a href="#player__button">Skip to play button</a>

<button id="player__button">
  Play
</button>

我创建了一个 Fiddle https://jsfiddle.net/chadfawcett/p4t2wv21/5/ .您应该能够重现该问题，方法是按 Tab 键转到 Skip to play button 链接，然后按 Enter，这会将焦点放在该按钮上。在 Chrome 和 IE 中，您可以重复按 Enter 以触发 onclick 监听器。

Answer 1

这是 Firefox 多年来(至少 2005 年)以来的一个已知错误:

Following an on-page anchor link loses the focus

视觉焦点改变了，但键盘焦点没有改变

The only thing Gecko does correct and Blink, WebKit and Trident fail is updating the "sequential focus navigation starting point" when :target is not focusable.

还有一个与表单元素有关的类似错误:

form controls should get focus when a URI points to them (with a fragment identifier)