इनपुट फ़ील्ड पर ऑटोफोकस जब div

Question

नीचे स्लाइड करता है मेरे पास एक छिपी हुई div है। जब बटन क्लिक किया जाता है, तो div इनपुट इनपुट के साथ स्लाइड करता है। जैसे ही div स्लाइड हो जाता है, मैं इस इनपुट फ़ील्ड ऑटोफोकस को कैसे बना सकता हूं? धन्यवाद।

<input type="text" name="comment_field" id="comment_field" placeholder="Comment..." /> 

मैं क्या है और एक div

$("#status_comments_"+a).slideDown(); 
    $("#comment_field").focus(); 

मैं ऊपर का उपयोग करने की कोशिश की है, लेकिन यह काम नहीं किया।

Answer 1

आप slideDown के कॉलबैक फ़ंक्शन जो जब एनीमेशन पूरा हो गया है निष्पादित किया जाता है का उपयोग कर सकते हैं।

$("#status_comments_"+a).slideDown(function(){ 
    $("#comment_field").focus(); 
}); 

ध्यान दें कि आईडी अद्वितीय होनी चाहिए, अन्यथा आपका आईडी चयनकर्ता केवल उस विशिष्ट आईडी के साथ पहला तत्व चुनता है। आप भी कोड तो इनपुट तत्व div टैग के भीतर है कर सकते हैं:

$("#status_comments_"+a).slideDown(function(){ 
    $('input', this).focus(); 
}); 

Answer 2

छिपे हुए क्षेत्र पर ध्यान नहीं मिल सकता है .. तो आपको जो करना है उसे क्लिक करने के लिए आपको बटन पर क्लिक करना है।

$("#status_comments_"+a).show().slideDown(); 
    $("#comment_field").show().focus(); 

Answer 3

$("#divID").focus(); 

या jQuery के बिना:

document.getElementById('divID').focus(); 

Answer 4

$("#divId").show().focus(); 

document.getElementById('divID').focus();