爲什麼自動對焦不輸入元素上工作

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

加成@LoneRanger答案，我想補充爲什麼autofocus不工作。

autofocus當page loads自動獲得焦點。在你的案例頁面沒有被加載，但只有DOM被改變。閱讀本文http://www.html5tutorial.info/html5-autofocus.php