如何在JQuery中捕獲TextArea文本更改事件

Question

我正在使用QR碼閱讀器JavaScript。
此JavaScript使用相機捕獲圖像，嘗試解碼QR碼並將解碼後的文本設置爲TextArea作爲輸出。

這很好。

但是，當文本設置爲TextArea我需要捕獲事件，所以我可以做進一步的處理。

我曾嘗試與可用的解決方案不同的組合如下：

$('.barcodeInput').change(function(){ 
    debugger; 
    alert("changed"); 
}); 

第二

$('body').delegate('.barcodeInput', 'keyup change', function(){ 
    alert("changed"); 
}); 

$('.barcodeInput').bind('input propertychange', function() { 
    debugger; 
    alert("changed"); 
}); 

在我已經定義了所有這些並出側document.ready(function(){ // code here});

但它仍然不是很好。

我的QR碼解碼JavaScript在成功解碼後將文本設置爲TextArea。

我可以手動觸發事件形成JavaScript，但這將是補丁工作。

我想永久解決這些問題。

謝謝你是進步

Answer 1

你可以使用change()或.on()，像重視事件：

$('.barcodeInput').change(function(){ 
    alert("changed"); 
}); 
//Or 
$('.barcodeInput').on('change', function(){ 
    alert("changed"); 
}); 

當您更改文本，你可以調用事件：

textarea.val('new val').change(); 
//Or 
textarea.val('new val').trigger('change'); 

注意：bind和delegate已棄用。

希望這會有所幫助。

$('.barcodeInput').on('change', function(){ 
 
    alert("changed"); 
 
}); 
 

 
$('.barcodeInput').val('new val').change();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<textarea class='barcodeInput'></textarea>