为什么自动对焦不输入元素上工作

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