タブキーを押すと、次の入力フィールドにフォーカスが移動しないのはなぜですか？

Question

注this質問。タブキー・イベントをトリガーする以外にも他のアプローチがあることがわかりますが、なぜタブキー・プレス・イベントをトリガーしても次の入力フィールドにフォーカスが移動しないのはなぜか知りたいです。

Code Pen

HTML

<textarea></textarea> 
<textarea></textarea> 
<textarea></textarea> 

JS

$('textarea').on('keydown', function(e) { 
    if (e.metaKey && e.which === 40) { 
    console.log('test'); 
    $(this).trigger({ 
     type: 'keypress', 
     which: 9 
    }); 
    } 
}); 

Answer 1

TABイベントは、フォーカスを変更するためのネイティブブラウザイベント/アクションですので。 .trigger()関数は、割り当てられたイベントハンドラのみをトリガーします。

.trigger（）関数は、ファイル入力ボックスまたはアンカータグをクリックするなどのネイティブブラウザイベントを模倣するために使用することができない。jQuery's siteからのより多くの情報がある注意してください。これは、これらのイベントに対応するjQueryのイベントシステムを使用してイベントハンドラがアタッチされていないためです。

これを処理するには、jquery-simulateと呼ばれるプラグインがあります。フォーカスが変更されているtabというのは、実際にはWebブラウザのデフォルト動作です。手動でイベントを発射

注意は、そのイベントに関連付けられたデフォルトのアクションを生成しません：ブラウザのネイティブイベントを発射することは、KeyboardEventsのドキュメントが言及として、それは、デフォルトのアクションですやるという意味ではありません。たとえば、キーイベントを手動で起動しても、その文字がフォーカスされたテキスト入力に表示されることはありません。 UIイベントの場合、セキュリティ上の理由から、スクリプト自体がブラウザとやりとりするユーザーアクションをシミュレートできないため、これは重要です。