滚动到文本区域后如何将焦点添加到文本区域？答案

【问题标题】：how do I add focus to a textarea after scrolling to it?滚动到文本区域后如何将焦点添加到文本区域？
【发布时间】：2011-03-31 00:34:45
【问题描述】：

单击链接时，我正在使用以下脚本滚动到滚动 DIV 的顶部：

<script type="text/javascript" src="jquery.js"></script>
    <script>
    function goToByScroll(id){
            $('#disqus_thread').animate({scrollTop: $("#"+id).position().top},3000,'easeOutQuint');
    }
</script>

这是链接的html：

   <div id="commenttext"><a href="javascript:void(0)" onClick="goToByScroll('top')"><img src="files/comment.png" class="imgHoverable"></a></div>

我希望滚动到 DIV 下方的 textarea 在滚动后将焦点添加到它。我想这意味着添加类似这样的代码：

$("textarea.placeholder").focus();

但我不确定如何将其包含在上述脚本中。我尝试将它添加为脚本末尾的一行，但它不起作用。

有人可以帮我解决这个问题吗？

谢谢，

尼克

【问题讨论】：

标签： javascript focus textarea scroll

【解决方案1】：

function goToByScroll(id){
  $('#disqus_thread')
   .animate({scrollTop: $("#"+id).position().top},
            3000,
            'easeOutQuint', 
            function() { $("textarea.placeholder").focus(); }
   );
}

以这种方式传递的最后一个参数是 complete 回调。

Documentation.

【讨论】：