这是我的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的链接

最佳答案

我已经修改了您的脚本,效果很好。

<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>

关于javascript - 为什么自动对焦对输入元素不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/38519718/

10-12 12:54
查看更多