div向下滑动时在输入字段上自动对焦

我有一个隐藏的div。 单击该按钮时，div将使用输入字段向下滑动。 div一旦滑下，如何使此输入字段自动对焦？ 谢谢。

是我拥有的，是在div

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

我尝试使用上面的内容，但是没有用。

Answer 1

您可以使用slideDown的回调函数，该函数在动画完成时执行。

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

请注意，ID必须是唯一的，否则您的ID选择器仅选择具有该特定ID的第一个元素。 如果input元素在div标签内，您还可以编码：

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

Answer 2

  $("#divId").show().focus(); document.getElementById('divID').focus(); 

Answer 3

隐藏的领域无法获得焦点..所以你需要做的是点击你必须显示它们的按钮。

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

Answer 4

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

或者没有jQuery：

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