jQueryの（フォーカスを呼び出す）は、手動でイベント全体

Question

をトリガしません、このイベントがトリガされますし、完璧に動作します：しかし

//highlight input contents and row/col when clicked 
$("input[type=text]").focus(function() { 
    //highlight input contents 
    $(this).select(); 

    //highlight new row/col 
    $(this).parent().siblings().first().css({"color":"#f2f7fa"}); //row 
    var index = $(this).parent().index(); 
    $(this).parent().parent().siblings().first().children().eq(index).css({"color":"#f2f7fa"}); //col 
}); 

、フォーカス（）メソッド手動で呼び出されます...

//arrow keys move focus to adjacent cells 
$(document).keydown(function(e){ 
    if (e.keyCode == 37) { //left 
     var $inputs = $('input[type=text]'); 
     $inputs.eq($inputs.index($('input[type=text]:focus')) - 1).focus(); 
    } 
}); 

...入力内容は強調表示されません。 select（）は機能しません。しかし、行/列のテキストが強調表示されています！したがって、関数の2番目の部分だけが機能します！何故ですか？

Answer 1

編集：謝罪、私の最初の答えは、質問の誤解のために間違っていた。これを代わりに試してみてください...

矢印キーに関連付けられた特別な動作があります。具体的に何が原因であるかはわかりませんが、デフォルトの動作を妨げることで修正されます。 （第3 :)

//highlight input contents and row/col when clicked 
 
$("input[type=text]").focus(function() { 
 
    //highlight input contents 
 
    $(this).select(); 
 

 
    //highlight new row/col 
 
    $(this).parent().siblings().first().css({"color":"#f2f7fa"}); //row 
 
    var index = $(this).parent().index(); 
 
    $(this).parent().parent().siblings().first().children().eq(index).css({"color":"#f2f7fa"}); //col 
 
}); 
 

 
$(document).keydown(function(e){ 
 
    
 
    if (e.keyCode == 37) { //left 
 
     var $inputs = $('input[type=text]'); 
 
     $inputs.eq($inputs.index($('input[type=text]:focus')) - 1).focus(); 
 
     
 
     e.preventDefault(); 
 
    } 
 
    
 
    if (e.keyCode == 39) { //right 
 
     var $inputs = $('input[type=text]'); 
 
     var nextIdx = $inputs.index($('input[type=text]:focus')) + 1; 
 
     nextIdx = nextIdx >= $inputs.length ? 0 : nextIdx; 
 
     $inputs.eq(nextIdx).focus(); 
 
     
 
     e.preventDefault(); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" value="test"> 
 
<input type="text" value="test"> 
 
<input type="text" value="test"> 
 
<input type="text" value="test">