javascript - タブを使用してボタンを切り替えます

Question

簡単です。Webページに2つのボタンがあります。彼らは密接に座っています。現在、私はマウスを使用してそれらの1つをクリックし、次に何かを実行しています。TABなどのキーボードだけでいいのでしょうか？

ありがとう。

Answer 1

Using tab to press buttons will completely break accessiblity on you websites and will effectively drive away any keyboard users from your website, it's an awful practice.

In any case, you might want to capture events for '*' using jquery:

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

Though I'd strongly recomend agaist doing this; never override what keys such as tab do, you'll create huge accessiblity issues.

[EDIT]: Adding the event to document might be more efficient:

If key presses anywhere need to be caught (for example, to implement global shortcut keys on a page), it is useful to attach this behavior to the document object. Because of event bubbling, all key presses will make their way up the DOM to the document object unless explicitly stopped.

Source

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「クリック」します。