warum Autofokus nicht Element auf der Eingangs

Question

Hier ist mein HTML funktioniert:

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

Hier ist meine jQuery:

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

Wie Sie in der oben genannten Code sehen können, ich versuche zu anhängen eine Zeile an die Tabelle, wenn die letzte Zelle der letzten Zeile den Fokus verliert. Der obige Code funktioniert gut, aber jetzt möchte ich die erste Zelle der neu hinzugefügten Zeile fokussieren, wenn sie erstellt wird. Also, ich würde gerne fragen, warum html5 autofocus in meinem Fall nicht funktioniert? Hier

ist der Link zu meinem jsfiddle

Answer 1

Ich habe das Skript modifiziert das funktioniert gut.

<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

Zusatz @LoneRanger Antwort würde Ich mag hinzufügen, warum autofocus nicht funktioniert.

autofocus automatisch Fokus erhalten, wenn page loads. In Ihrem Fall wird die Seite nicht geladen, aber nur DOM wird geändert. Lesen Sie diese http://www.html5tutorial.info/html5-autofocus.php