Javascript 在jquery中的textarea上触发更改事件

我尝试在更改textarea中的值时触发事件。我绑定了

change-input-paste-keyup

，当我手动输入或粘贴内容时，它可以正常工作。但是我不知道如何在使用jquery发生更改时触发<代码>$（“#inptxt”）.val（“Jquery”）

HTML

---

示例

设置每个脚本的值不会触发更改事件。 如果需要该事件，则必须手动触发它

$("#but").bind("click",function(){
    $("#inptxt").val("Jquery").trigger('change');
});

---

浏览器无法识别输入字段

#inptxt

中的文本更新，因为它是使用jquery以编程方式完成的。因此，您必须在更新文本值后手动触发更改事件

Jquery代码：

$("#inptxt").on("change input paste keyup", function() {
    $("#res").html(jQuery(this).val());
});
$("#but").bind("click",function(){
    $("#inptxt").val("Jquery").change();
});

现场演示：

$("#inptxt").on("change input paste keyup", function() {
    $("#res").html(jQuery(this).val());
});
$("#but").bind("click",function(){
    $("#inptxt").val("Jquery").change();
});

参考SO问题：

$("#inptxt").on("change input paste keyup", function() {
    $("#res").html(jQuery(this).val());
});
$("#but").bind("click",function(){
    $("#inptxt").val("Jquery").change();
});

---

快乐编码：）

我发现

textarea

是它自己的输入类型，所以你需要让你的第一行简单地包含它，并且你在键入时会有实时更新

$("#inptxt").on("change input paste keyup textarea", function() {
   $("#res").html(jQuery(this).val());
});
$("#but").bind("click",function(){
    $("#inptxt").val("Jquery not trigger the change function");
});