ぶいてく: 【JavaScript】 TABキーで移動後にFocus、Select

複数の入力ボックスがある画面で、TABキーで移動させる際に、思ったところに移動できるよう細かく順番を指定したいことがある。そこで、JavaScriptを利用して以下のようなものを考えてみた。 TABをjavascriptで制御 １．入力ボックスの移動順に入力ボックスIDの配列を作成し ２．タブキーが押されたら ３．次の入力ボックスを取得して ４．focus()→select() order = ['input_box_id_01', 'input_box_id_04', 'input_box_id_02','input_box_id_03'...] if (window.event.keyCode == 9) { //_getNextCell()は次の順番を知るための自前関数 var ele = document.getElementById(_getNextCell(orde

[oukastudio]

tabindexに順番を入れる １．入力ボックスの移動順に入力ボックスIDの配列を作成し ２．入力ボックスのtabIndex属性に順番をセットして ３．onfocusイベントにselect()を追加してあげる 　order = ['input_box_id_01', 'input_box_id_04