次の要素へフォーカスを移動（タブキー押下をエミュレート）したい


エンターキー押下など、特定のイベント発生時にタブキー押下と同様の動作（次の要素へフォーカス移動）を行いたいです。

例えば、以下のコードで試したところ、keyup（keyCode = 9）のイベントはトリガーされますが、フォーカスは移動しませんでした。このような
`key*` 系のイベントを手動でトリガーしてもフォーカスは移動しないと考えてよいでしょうか。  
代替手段としてどのような方法があるでしょうか？

[code]

    <!DOCTYPE html>
    <html>
    <body>
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
        <script>
            $(document).on("keyup", "input", function (e) {
                console.log(e.keyCode);
                if (e.keyCode == 13) {
                    var event = $.Event("keyup")
                    event.keyCode = 9;
                    $(this).trigger(event);
                    return false;
                }
            });
        </script>
    </body>
    </html>
    
[/code]



[code]

    このような key* 系のイベントを手動でトリガーしてもフォーカスは移動しないと考えてよいでしょうか。
    
[/code]

はい。人工的に作られた入力系イベントを投げても、ブラウザのデフォルト動作は起きないと規格で決まっています。

エミュレートするには、[ブラウザが次の要素を探すアルゴリズム](https://html.spec.whatwg.org/multipage/interaction.html#sequential-
focus-navigation)をJavaScriptで再実装するしかないです。そういうライブラリが既にあるかもしれないですね。

