Keydownキーボードショートカット

Question

私はフォーカス目的でキーボードショートカットを作成しようとしています（これは508準拠のためです）。私はiframe本体の中でそれを行うことができるようにしたいと思いますが、これが不可能な場合は、プランBに行くことができ、クラスがハイライト表示されるたびにそこから実行することができます（これはリンクにタブで移動します） 。このフィディングでは、商品が表示されているボックス領域内の任意の場所をクリックし、タブをクリックして「テキスト」という単語を強調表示すると、ショートカット（この場合はCtrl + F12）を作成してカーソルを移動しようとしています別のdivの下にある入力ボックスに移動しますが、まだ動作させることができませんでした。

https://jsfiddle.net/5ocp1kpw/1/

<div> 
    <a class="link" href="#">Test</a> 
</div> 
<div> 
    <input class="final" value="here" /> 
</div> 

$('.link').keydown(function (e) { 
    if (e.which === 123) { 
     e.preventDefault(); 
     $(this).find('.final').focus(); 
    } 
}); 

Answer 1

あなたは$(this)で.finalを見つけることができないので、それは働いていません。あなたは.linkの子を探しているので、.linkに​​イベントを入れていることを覚えておいてください。.finalです。誰もいません。

イベントが発生していますが、フォーカスを当てたい要素が見つかりません。 $('.final').focus()を実行するか、他の方法でテキストボックスを選択すると、設定されます。

フィドル：https://jsfiddle.net/zn9sde03/