オートフォーカスは、ここで入力要素

Question

では動作しない理由は、私のHTMLです：ここでは

<table id="tbl"> 
    <tr id="tx"><td><input type="text"/></td><td><input type="text" class="last" /></td></tr> 
</table> 

は私のjQueryのです：

$("#tbl").on("blur", ".last:last", function(){ 
    $("#tbl").append('<tr><td><input type="text" autofocus/></td><td><input type="text" class="last" /></td></tr>'); 
}); 

あなたは上記のコードで見ることができるように、私が追加しようとしています最後の行の最後のセルがフォーカスを失ったときのテーブルへの行。上記のコードはうまくいきましたが、新しく追加された行の最初のセルが作成されたときに、それをフォーカスします。だから、私はなぜhtml5 autofocusが私の場合にはうまくいかないのか質問したいと思いますか？ここで

は、私は、これが正常に動作し、スクリプトを変更している私のjsfiddle

Answer 1

へのリンクです。

<script> 
$("#tbl").on("blur", ".last:last", function(){ 
    $("#tbl").append('<tr><td><input type="text" class="focus_this" autofocus /></td><td><input type="text" class="last" /></td></tr>'); 
    $(".focus_this").focus(); 
    $('.focus_this').removeClass('focus_this'); 
}); 
</script> 

Answer 2

私はautofocusが機能していない理由を追加したいと思います@LoneRanger答えに加えて。

autofocusが自動的にフォーカスを取得するとpage loadsとなります。あなたのケースでは、ページはロードされず、DOMだけが変更されます。これを読んでhttp://www.html5tutorial.info/html5-autofocus.php