javascript - 当textarea的值改变时是否执行任何事件？

Question

这是我的代码的简化片段:

$("#textarea_id").on('input propertychange', function(e){
	alert('the value of textarea changed');
});

$("#bold").on('click', function(e){
	$("#textarea_id").val('bold');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id = "textarea_id"></textarea>
<br>
<button id = "bold">
B
</button>

我希望在该文本区域的值发生变化(以任何方式)时看到该警报。正如您所看到的，它只是在我们向该文本区域写入内容时运行，而不是在我们单击该按钮时运行(虽然应该如此，因为当我们单击该按钮时，该文本区域的值会发生变化) 。我怎样才能让它对各种变化敏感？

Answer 1

您可以使用change事件。但是，以编程方式更改值不会自动触发事件处理程序。

要触发事件处理程序，trigger(event)可以使用。

Execute all handlers and behaviors attached to the matched elements for the given event type.

另请注意:.change() 只是 .trigger('change')

的简写

$("#textarea_id").on('input change', function(e){
	alert('the value of textarea changed');
});

$("#bold").on('click', function(e){
	$("#textarea_id").val('bold').trigger('change');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id = "textarea_id"></textarea>
<br>
<button id = "bold">
B
</button>