jQueryの焦点後のぼかし（）最後のフォームフィールド

Question

次のコードの最後の1をぼかした後、最初のフォーム要素を焦点を当てるべきであるが、これは起きていない：私は#last後に別のフォーム要素を追加した場合

<script> 
$(document).ready(function(){ 
    $("#last").blur(function(){ 
    $("#first").focus(); 
    }); 
}); 
</script> 
<form> 
<input type="text" name="first" id="first"><br><br> 
<input type="text" name="last" id="last"> 
</form> 

が、それはですそれは多分あなたがここにあなたのコード

Answer 1

でのjQueryを含めていない正常に動作している

<script> 
$(document).ready(function(){ 
    $("#last").blur(function(){ 
    $("#first").focus(); 
    }); 
}); 
</script> 
<form> 
<input type="text" name="first" id="first"><br><br> 
<input type="text" name="last" id="last"> 
<input type="text" name="dummy"> 
</form> 

Answer 2

Thowさんthis下記参照、正しく動作することは、を働いて、あなたのための修正です：

$(document).ready(function(){ 
    $("#last").blur(function(){ 
    $("#first").focus(); 
    }); 
    $("#last").keydown(function(e) { 
     if(e.keyCode == 9) { 
      $("#first").focus(); 
      return false; 
     } 
    }); 
}); 

Answer 3

@Deletemanコメントで言ったように：

私は、2番目のフィールドのうち、いないうちI]タブ場合 をクリックすると、それは私のために動作しますが、私はそれが原因で、タブでだと思います、別の フレームにジャンプしてしまいます。

彼は正しいです、私はあなたのための解決策を持っています。ここで

は安全なソリューションです：

$(document).ready(function(){ 
    $("#last").keydown(function(e){ 
     if(e.keyCode==9) 
     { 
      e.preventDefault(); 
      $("#first").focus(); 
     } 
    }); 
    $("#last").blur(function(e){ 
    $("#first").focus(); 
    }); 
}); 

デモ：ないうちI]タブ場合、私は、2番目のフィールドの外をクリックし、私はそれがでているためだと思えばそれは私の作品http://jsfiddle.net/uGudk/