javascript - 使用选项卡切换按钮

Question

很简单。我在网页中有两个按钮。他们坐得很近。目前我使用鼠标单击其中一个然后做某事。我们可以只使用TAB之类的键盘吗？

谢谢。

Answer 1

使用 tab 来按下按钮将完全破坏您网站上的可访问性，并将有效地将任何键盘用户赶出您的网站，这是一种糟糕的做法。

无论如何，您可能希望使用 jquery 捕获“*”的事件：

$('*').keydown(function(event) {
  if (event.keyCode == 9)
    //stuff
})

虽然我强烈建议不要这样做；永远不要覆盖诸如 tab 之类的键，你会产生巨大的可访问性问题。

[编辑]：添加事件document可能更有效：

如果需要捕获任意位置的按键（例如，在页面上实现全局快捷键），则将此行为附加到文档对象很有用。由于事件冒泡，除非明确停止，否则所有按键都会沿 DOM 向上到达文档对象。

来源

Answer 2

jQuery 将是完美的，只需将键绑定到该按钮。像这样的东西。

$('your selector here').keyup(function(e){
    if(e.which == '9'){
     //do your stuff here
     }
});

我认为 9 是选项卡的正确字符代码，但您可能需要检查一下。并确保您在 $(document).ready(); 内部执行此操作

Answer 3

是Tab的，直到按钮有一个虚线边框表示焦点，然后你可以点击Enter或Space单击按钮。

例如，按钮 2 有焦点并按下Space或Enter将“点击”它：