使用选项卡切换按钮

Question

很简单。我在网页上有两个按钮。他们紧紧地坐在一起。 目前我使用鼠标点击其中一个然后做一些事情。 我们可以只使用TAB等键盘吗？

感谢。

Answer 1

使用标签按下按钮将完全破坏您网站上的可访问性，并有效地驱逐您网站上的任何键盘用户，这是一个糟糕的练习。

在任何情况下，您可能希望使用jquery：

捕获'*'的事件

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

虽然我强烈建议agaist这样做;永远不会覆盖tab这样的键，你会创建巨大的accessiblity问题。

[修改]： 将事件添加到document可能会更有效：

  

如果按键需要捕获任何地方（例如，实施   页面上的全局快捷键），附加此行为很有用   到文档对象。由于事件冒泡，所有按键按下   除非，否则将把DOM放到文档对象上   明确地停了下来。

Source

Answer 2

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

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

我认为9是tab的正确charcode，但您可能需要检查它。并确保在$（document）.ready（）;

中执行此操作

Answer 3

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

E.g。按钮2的重点是此处，按Space或Enter会“点击”它：