Di chuyển trọng tâm đến một trường cụ thể

Question

Tôi có nút sẽ thêm hiển thị biểu mẫu trên trang. làm thế nào tôi có thể di chuyển tiêu điểm đến trường đầu tiên của biểu mẫu khi nút đó được nhấp?

đơn giản ví dụ:

HTML:

<form style="display:none;" id="newForm"> 
    <input type="text" id="firstField"> 
</form> 
<input type="button" id="showForm" value="add new"> 

jQuery:

$("#showForm").click(function(){ 
    $("#newForm").show(); 
    //move focus?? 
}); 

Answer 1

Nó có thể là thế này:

$("#newForm input:first").focus(); 

Answer 2

Hãy thử điều này:

$('input#firstfield').focus(); 

Answer 3

Tra cứu nhanh hơn đơn giản là.

$('#firstField').focus() 

Tuy nhiên nếu bạn đã xóa ID khỏi phần tử thì điều này sẽ tốt hơn nhưng hơi chậm hơn.

$('#newForm input:first').focus();