Enterキーで次のinputタグへ移動させよう

2020年3月24日 CEO 0 Comments

通常inputタグからinputへはTabキーを使って移動しますが、
Enterキーで出来ないかな?と思い、いろいろと挑戦してみた。

これを実現するにはjavascriptの力を借りないといけないみたい。

いつも通り、独学なのでググりながら先人の知恵をお借りした。

try -1-

https://javascript.programmer-reference.com/js-enterkey-focus-move/

問題点

<form>で囲ってしまうと<input=”text”>で
<submit>が有効になってしまい、カーソルの移動はできない。

try -2-

https://lightgauge.net/language/javascript/847/

問題点

name=”text1″に固定されてしまう。
postしてデータを送りたいので、nameは変数ごとに使い分けたい。

他にもJQueryを利用したものもあったが、サクッとやりたかったので、

また時間があるときにでも。。

とりあえず、現状はTabキーで頑張ります。。