javascript - 当textarea中的值改变时如何调用javascript函数？

Question

当textarea中的值改变时如何调用javascript函数？

当向textarea id="yyyy"填充数据时，textarea id="xxxx"的值也会改变。这个功能很好用。

当textarea id="xxxx"改变值时，我想调用函数check2，我该怎么做？

请不要更改函数 check 和 id="yyyy" 中的代码

https://jsfiddle.net/9b6h897d/3/

<textarea id="yyyy" onkeyup="check(this.value)"></textarea>
<textarea id="xxxx" onchange="check2(this.value)" ></textarea>

<script>
function check(value){
    document.getElementById("xxxx").value = value;
}
function check2(value){
    alert(value);
}
</script>

Answer 1

<textarea> 的标准事件是 keypress、keydown 或 keyup。要执行您想要的操作，您必须触发 onchange在其中一项功能中。这在第一个名为 check 的函数中最有意义。 .

document.getElementById("textarea2").addEventListener("change", function(event) {
  console.log("Textarea two was changed.");
});

function check(element) {
  var textarea2 = document.getElementById("textarea2"),
    event = new Event('change');
  textarea2.value = element.value;
  textarea2.dispatchEvent(event);
};

<textarea id="textarea1" onkeyup="check(this);"></textarea>
<textarea id="textarea2" onkeyup="check(this);"></textarea>