次の要素へフォーカスを移動(タブキー押下をエミュレート)したい
エンターキー押下など、特定のイベント発生時にタブキー押下と同様の動作(次の要素へフォーカス移動)を行いたいです。
例えば、以下のコードで試したところ、keyup(keyCode = 9)のイベントはトリガーされますが、フォーカスは移動しませんでした。このような key*
系のイベントを手動でトリガーしてもフォーカスは移動しないと考えてよいでしょうか。
代替手段としてどのような方法があるでしょうか?
<!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>