在 textarea 上使用追加时 jQuery 会触发什么事件？

Question

我正在尝试监视文本区域中的任何更改：

<textarea id="log-box__data"></textarea>

通过 jQuery append:

独家对文本区域进行了更改

$(document).on('click', '#myBtn', function(e) {
  $('#log-box__data').append('someText' + '\n');
});

当某些内容被append[编辑]到文本区域时会触发什么事件？

而且，如果没有，我该如何监控这一变化？

我尝试过的事情：

$(document).on('input change keyup paste', '#log-box__data', function() {
  alert( "foobar" );
});

None 个事件在单击 #myBtn 时触发。

Answer 1

append 不是一个好主意并且设置一个值永远不会调用 onchange 事件所以尝试下面的代码手动触发

 $("#myBtn").bind("click",function(){
     $("#log-box__data").val("yourtexthere").trigger('change');
 });

Answer 2

在追加之后使用触发函数会有帮助

$(document).on('click', '#myBtn', function(e) {
  
  $('#log-box__data').append('someText' + '\n');
  $('#log-box__data').trigger("change");
  
});

$('#log-box__data').on('change', function(e) {
  alert( "foobar" );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id="log-box__data"></textarea><br />
<button id="myBtn">add text</button>

在 textarea 上使用追加时 jQuery 会触发什么事件？

What event does jQuery fire when using append on a textarea?

javascript

jquery

events

textarea

append