如何检测脚本何时更改文本区域值？答案

【问题标题】：How to detect when a textarea value is changed by a script?如何检测脚本何时更改文本区域值？
【发布时间】：2016-02-05 08:55:32
【问题描述】：

当textarea 里面的值被程序更改时，我想检查它。

代码相当复杂，所以我宁愿使用事件监听器而不是寻找确切的代码行。

这是我的检查方式：

$(".edit.btn.btn-default").on("click", function(){
  alert($("#attribute_fabric_en").val());
  $("#attribute_fabric_en").on("input propertychange",function(){
    alert("test");
  });
});

结果：alert($("#attribute_fabric_en").val()); 打印一个空字符串，但后面的textarea 会被脚本赋值；但是监听器没有被触发。

至少经过 Chrome 测试无法捕获事件

【问题讨论】：

您能显示有问题的 HTML 吗？否则很难说出正在捕获（或尝试）什么。
您需要按“编辑按钮”来收听事件吗？还是随时？
事件监听器仅在用户进行更改时触发。最好的办法是在脚本更改值时触发更改或事件。
那是假的 epascarello ！

标签： javascript jquery events textarea listener

【解决方案1】：

有一个事件，在jQuery中你可以使用$('.textareaId').on('change', console.log($('#textareaId').html())，就是这么简单！编辑：也许您不想使用 jQuery，单击事件用于 textarea、contentediatble div 等，输入事件用于表单元素，例如 textArea.addEventListener('change', function(e){ ... }, false);\n inputElement.addEventListener('input', function(e) { ... }, false);

【讨论】：

这仅在用户进行更改时触发