javascript - 跨浏览器 "jump to"/"scroll"textarea

Question

我有一个包含多行输入的文本区域，并且触发了一个 JavaScript 事件，需要我将文本区域滚动到第 345 行。

scrollTop 可以做我想做的事，但据我所知它是像素级的，我想要在行级上运行的东西。让事情变得复杂的是，afaik 再一次，不可能使文本区域不换行。

Answer 1

您可以使用 wrap 属性停止换行。它不是 HTML 4 的一部分，但大多数浏览器都支持它。
您可以通过将区域的高度除以行数来计算行的高度。

<script type="text/javascript" language="JavaScript">
function Jump(line)
{
  var ta = document.getElementById("TextArea");
  var lineHeight = ta.clientHeight / ta.rows;
  var jump = (line - 1) * lineHeight;
  ta.scrollTop = jump;
}
</script>

<textarea name="TextArea" id="TextArea" 
  rows="40" cols="80" title="Paste text here"
  wrap="off"></textarea>
<input type="button" onclick="Jump(98)" title="Go!" value="Jump"/>

在 FF3 和 IE6 中测试正常。