开关设备。按Tab键到按钮默认行为

Question

我很难找到任何谈论最佳做法，默认行为等的资源。

基本上，我在页面上有一个按钮。它没有做任何事情，我基本上有一个canvas元素，只需要一种方法让用户能够在页面上标记。

因此，使用开关设备，我可以导航到按钮，点击按钮，它会跳回到网址地址栏。我之后的行为是选择它仍然停留在同一页面上的按钮。

我测试了其他网站，看起来默认行为是，一旦您选择了一个按钮，它就会跳转到页面顶部。

有人能指出我的方向是什么资源或任何证实或谈论此事的东西？

我基本上只有这个：

<button tabindex="1" class="action_button">Action trigger button</button>

和

<canvas></canvas>元素

Answer 1

这可能与the default type of buttons being submit.

有关

向按钮添加type="button"是否会改变您所看到的行为？

Answer 2

是的，除非您向按钮添加一些脚本，否则会发生这种情况。如果按钮没有其他操作，您可以使用：

function（）{return false;}

但如果按钮没有做任何事情你应该删除它 - 依赖键盘导航的人通常不喜欢不必要的控制工作。如果没有任何互动，则不要将它们标记到页面中。 （此外，无需将tabindex添加到按钮，它本身就是焦点。）