javascript - 使用 jQuery 和单击功能检测 HTML 文本区域的更改

Question

这可能不是最好的解决方案，但我想在单击按钮时检查 textarea 元素中的文本是否已更改。显然，使用“.on(“change keyup Paste”，function()”立即检查对文本区域的任何更改。因此，文本区域元素将被检查两次:

首先在编辑文本区域时第二次当我按下按钮时

这个想法是在单击按钮时仅对文本区域执行一次检查。有更合适的事件处理函数吗？

脚本:

$('#btnClick').click(function () {    
$("#textarea").on("change keyup paste", function() {    
    var PreviousVal =  document.getElementById("textarea").innerHTML;
    var currentVal = $(this).val();

    if(currentVal == PreviousVal) {
        alert("No changes where made");       
    }
    else {      

        alert("textarea has been changed from " + '"' + PreviousVal + '"'                + " to " + '"' + currentVal + '"');
        }
})   


});

HTML:

<textarea id="textarea">Hejsan</textarea><br/>
<input id="btnClick" type="button" value="Submit" />

Answer 1

如果您只想在单击按钮时比较旧值和当前值，您可以执行以下操作:

var PreviousVal =  document.getElementById("textarea").value;
$('#btnClick').click(function () {    
    var currentVal = document.getElementById("textarea").value;

    if(currentVal == PreviousVal) {
        alert("No changes where made");       
    }
    else {      

        alert("textarea has been changed from " + '"' + PreviousVal + '"'                + " to " + '"' + currentVal + '"');
        }
    PreviousVal = currentVal;
});