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();
});

请注意，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();