ENTERでタブ移動(JavaScript内でjQueryを読み込み)動作させました

var el = document.createElement("script");
el.src = "./jquery-3.6.1.js";
document.body.appendChild(el);
document.addEventListener('keydown', keypress_ivent);
var script = document.createElement('script');

function keypress_ivent(e) {

const keycd = e.keyCode;
if (keycd == 13) {
var elements = "input[type=text]";
$(elements).keypress(function(e) {
var index = $(elements).index(this);
$(elements + ":gt(" + index + "):first").focus();
});
}
}
  • jQueryはJavaScriptファイルと同じディレクトリに格納
  • type=textのみの対応のため留意が必要。
  • tabindexの要素は関係ないため課題

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

PAGE TOP