Webページ上のTABボタンを使用して選択したアイテムのタイトルを取得します

Question

私はそこに画像がないWebアプリケーションを持っています。視覚障がい者のためのものです。 TABボタンを使用してナビゲートします。選択したウェブページのタイトル/テキストをボタン、メニューなどのように取得するにはどうすればいいですか？選択すると、マウスクリックではなく、TABボタンを使用することを意味します。 Javascriptまたは他の言語を使用する。

Answer 1

は、jQueryライブラリの.focusin()メソッドを使用します。 TABボタンを使用して、スニペットからフォーム入力をナビゲートしてみてください。

$(document).focusin(function(e) { 
 
    console.log(e.target.name); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form action="#"> 
 
    <input type="text" name="input1"/> 
 
    <input type="text" name="input2"/> 
 
    <input type="text" name="input3"/> 
 
</form>

私は私の例では、イベント対象のnameプロパティを使用していますが、任意のプロパティの値を得ることができます。例えば、

$(document).focusin(function(e) { 
    console.log($(e.target).attr("type")); 
}); 

idと同じ方法で別の情報を得ることができます。