在javascript/jQuery中的textarea中显示新打印的文本

我正在从事一个项目，其中一个web应用程序正在将信息打印到一个充当控制台的

textarea

为简单起见，声明如下：

<textarea id = "console" readonly></textarea>

---

目前，这个功能可以很好地打印到控制台上，但每次我都必须向下滚动才能看到新信息返回。必须有某种使用焦点等的方法才能使其自动滚动到底。

您可以使用如下方法

函数printToConsole（文本）{
var newVal=$（'#console'）.val（）+文本；
$（'#console'）.focus（）.val（''.val（newVal）；//将焦点放在文本末尾
$（'控制台'）.scrollTop（$（'控制台'）[0]。scrollHeight）；
}
var i=0；
$（“按钮”）。单击（函数（）{
printToConsole（'addtext'+（++i）+'\n'）；
})

单击

您可以使用如下方法

函数printToConsole（文本）{
var newVal=$（'#console'）.val（）+文本；
$（'#console'）.focus（）.val（''.val（newVal）；//将焦点放在文本末尾
$（'控制台'）.scrollTop（$（'控制台'）[0]。scrollHeight）；
}
var i=0；
$（“按钮”）。单击（函数（）{
printToConsole（'addtext'+（++i）+'\n'）；
})

单击

函数printToConsole（文本）{
设$console=$（“#console”）；
$console.val（$console.val（）+文本）；
$console.prop（“scrollTop”）、$console.prop（“scrollHeight”）；
}
打印控制台(`
打印到控制台
打印到控制台
打印到控制台
打印到控制台
这是显示“）”的行


函数printToConsole（文本）{
设$console=$（“#console”）；
$console.val（$console.val（）+文本）；
$console.prop（“scrollTop”）、$console.prop（“scrollHeight”）；
}
打印控制台(`
打印到控制台
打印到控制台
打印到控制台
打印到控制台
这是显示“）”的行

嘿，阿齐姆，谢谢你的回答，工作得很有魅力。关于代码的一点是，我不明白为什么在调用“scrollHeight”之前，在这个特定实例中需要“[0]”引用。我希望它是一个类似于$（'#console'）.scrolHeight的调用。
scrollHeight
是一个javascript属性&
$（'#console'）[0]
将像
document.getElementById（“console”）
一样提供javascript元素@萨缪尔尼希·阿齐姆，谢谢你的回答，他工作得很有魅力。关于代码的一点是，我不明白为什么在调用“scrollHeight”之前，在这个特定实例中需要“[0]”引用。我希望它是一个类似于$（'#console'）.scrolHeight的调用。
scrollHeight
是一个javascript属性&
$（'#console'）[0]
将像
document.getElementById（“console”）
一样提供javascript元素@萨缪尔尼
function printToConsole(text) {
    $('#console').val($('#console').val() + text);
    // INSERT NEW CODE HERE
}