javascript - 文本区域自动向下滚动

Question

我知道这可以通过 .change() 事件来完成并输入 $('#console').scrollTop($('#console')[0].scrollHeight);但问题是 textarea 是只读的，我正在使用 javascript 在 textarea 中输入文本。

例如:-

$('#console').text($('#console').text()+'\n>_ Optained 触发器');

在这种情况下，文本区域不会滚动到底部，因为它没有响应更改事件。

有什么替代方案或任何其他捕获文本区域中 javascript 文本更改的事件吗？

Answer 1

您可以链接影响元素的 jQuery 操作，而无需事件:

$('#console').text($('#console').text()+'\n>_ Optained Trigger').scrollTop($('#console')[0].scrollHeight);

编辑:好的，我阅读了您的评论，要解决这个问题，您可以手动触发更改事件

//first define the event behaviour
$('#console').on('change', function(e){
    var console = $(this);
    console.scrollTop($('#console')[0].scrollHeight);
}

//then every time you modify the text, trigger the event
$('#console').text($('#console').text()+'\n>_ Optained Trigger').trigger('change')