SHIFT ＋ TABキーがきかない

Question

SHIFT ＋ TABキーの処理を行う種に下記の様に実装してみました
function TextFlgEnter(textbox, txtTo, txtBack) {
$(txt).keypress( function (e) {

    // 「戻る」処理
    if(e.shiftKey){
        if(e.keyCode === 9){
            if(!$(textbox).val() == "") {
                // 「フォーカスを当てる
                $(txtTo).focus();
                return false;
            } else {
                // フォーカスを当てる
                $(txtBack).focus();
                return false;
            }
        }
    }
}

}

実行して、「SHIFT」 ＋ 「TAB」を押下しても指定のテキストボックスに遷移しません。

if(e.keyCode === 9){ を
if(e.keyCode === 13){ に変更し「SHIFT」 ＋ 「Enter」なら遷移されます。

どなたかお解かりの方よろしくお願いします

Comments

[kei344]

コードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

[think49]

HTMLもコードブロック付きで追記をお願いします。

Answer 1

デフォルト動作の範囲内のようなので tabindex 属性でフォーカス制御するとスマートに実装できると思いますが、いかがでしょうか。

• tabindex属性でフォーカス制御 - JSFiddle

<form>
  <label>text1 <input type="text" name="sample-1" id="sample-1" value="1" tabindex="1" /></label>
  <label>text4 <input type="text" name="sample-4" id="sample-4" value="4" tabindex="4" /></label>
  <label>text2 <input type="text" name="sample-2" id="sample-2" value="2" tabindex="2" /></label>
  <label>text5 <input type="text" name="sample-5" id="sample-5" value="5" tabindex="5" /></label>
  <label>text3 <input type="text" name="sample-3" id="sample-3" value="3" tabindex="3" /></label>
</form>

Re: msz006 さん

Answer 2

$(txt).keypress()「txt」はどこから参照しているのでしょうか？

Answer 3

function TextFlgEnter(textbox, txtTo, txtBack) { 
    $(txt).keypress( function (e) { 

    // 「戻る」処理 
    if(e.shiftKey){ 
        if(e.keyCode === 9){ 
            if(!$(textbox).val() == "") { 
                // 「フォーカスを当てる 
                $(txtTo).focus(); 
                return false; 
            } else { 
                // フォーカスを当てる 
                $(txtBack).focus(); 
                return false; 
            } 
        } 
     } 
 });
}

2行目の「keypress」を「keydown」「keyup」に変更すれば問題ない
$(txt).keydown( function (e) {