javascript - 在 autoresizing textarea 中输入会一直聚焦在元素的顶部

Question

我有一个扩展的文本区域。当文本区域已经扩展到足以到达窗口底部时，主体会闪烁/滚动回文本区域的顶部，除非滚动窗口，否则您将看不到最后输入的字符。

样本可以在这个 jsfiddle 中找到.我尝试在正文中添加一个 scrollTo

window.scrollTo(0, document.getElementsByTagName('textarea')[0].getBoundingClientRect().bottom);

如何计算textarea中光标相对于窗口的偏移量？我正在考虑获取光标的顶部偏移量，如果光标已经超出折叠范围，则将窗口滚动到它的位置。

对此的帮助将不胜感激:)

Answer 1

你的代码很棒——我只是添加了几毫秒的超时(大约 100-200 就足够了)，现在它表现得很好。只是想知道 on('focus') 事件处理程序的用途。并且猜测您可以跳过在 resize() 函数中调用 focus()...