在jquery中觸發textarea上的更改事件

Question

我嘗試在更改textarea中的值時觸發事件。 我綁定change input paste keyup ，當我手動鍵入內容或粘貼時，它可以正常工作。 但我不知道如何使用jquery進行更改時觸發。 $("#inptxt").val("Jquery");

HTML

<textarea id="inptxt" ></textarea>
<div id="res" ></div>
<input type="button" value="click" id="but" />

jQuery的

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

示例小提琴

Answer 1

為每個腳本設置一個值不會觸發更改事件。 如果您需要該事件，則必須手動觸發它。

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

的jsfiddle

Answer 2

瀏覽器無法識別輸入字段#inptxt的文本更新，因為它是使用jquery以編程方式完成的。 所以你必須在更新文本值后手動觸發更改事件。

Jquery代碼：

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

現場演示：

http://jsfiddle.net/dreamweiver/ZVcG4/6/

參考SO問題： 當我使用val（）設置select的值時，為什么jquery change事件不會觸發？

快樂編碼:)

Answer 3

我發現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");
});

http://jsfiddle.net/7wnrxh6c/