将输入框滚动到javascript中的光标位置

Question

我编写了一个简单的 JS 函数，当它获得焦点时，它会将光标放在输入框内容的末尾（框中最常见的操作是追加）。我没有在 IE 中检查，但是当文本多于可见时，即使将光标移动到输入末尾也不会将视图滚动到 firefox 3.6 中的输入末尾。

知道怎么做吗？

附：不，我没有使用 JQuery，也不是一个选项 ;)

找到解决方案here 使用不同的措辞（插入符号而不是光标）

Answer 1

您可以通过分配给 textarea 的 scrollTop 属性来滚动：

// scroll to bottom
elt.scrollTop = elt.scrollHeight;

Firefox 和 Safari 也提供scrollByLines，IE 提供doScroll，但 scrollTop 属性是跨浏览器且使用更简单。

就我个人而言，我不喜欢将光标移动到文本区域的末尾。如果最后我想要它，我自己只需要几分之一秒。将光标从末端移动到中间某处大约需要一秒钟（末端是一个更大的目标，因此需要less time to hit）。除非 textarea 有 special purpose，否则我不会使用 append-on-focus 功能。