Javascript 使用jQuery和click函数检测对HTML文本区域的更改

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

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

我们的想法是，当按钮被点击时，只对文本区域执行一次检查。是否有更合适的事件处理函数用于此操作

脚本：

$('#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:

Hejsan

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

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;
});

---

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

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;
});

---

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

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;
});

---

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

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;
});

---

当页面第一次加载时，必须在ready函数上保存textarea的上一个值

var PreviousVal;
$(document).ready(function(){
     PreviousVal =  document.getElementById("textarea").innerHTML;
});

然后单击按钮，检查具有此值的数据

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

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

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

---

当页面第一次加载时，必须在ready函数上保存textarea的上一个值

var PreviousVal;
$(document).ready(function(){
     PreviousVal =  document.getElementById("textarea").innerHTML;
});

然后单击按钮，检查具有此值的数据

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

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

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

---

当页面第一次加载时，必须在ready函数上保存textarea的上一个值

var PreviousVal;
$(document).ready(function(){
     PreviousVal =  document.getElementById("textarea").innerHTML;
});

然后单击按钮，检查具有此值的数据

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

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

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

---

当页面第一次加载时，必须在ready函数上保存textarea的上一个值

var PreviousVal;
$(document).ready(function(){
     PreviousVal =  document.getElementById("textarea").innerHTML;
});

然后单击按钮，检查具有此值的数据

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

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

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

单击按钮即可分配textarea处理程序。这可能不是您想要的

您只需要检查该值是否已从加载页面时更改

$（函数（）{
$（'#btnClick'）。在（“单击”，函数（）上）{
var previousVal=$（“#textarea”）.get（0）.defaultValue，
currentVal=$（“#textarea”）.val（）；
if（currentVal==previousVal）{
警报（“未进行任何更改”）；
}否则{
警报（'textarea已从“'+previousVal+'”更改为“'+currentVal+'”）；
}
})
})；

海桑

单击按钮即可分配textarea处理程序。这可能不是您想要的

您只需要检查该值是否已从加载页面时更改

$（函数（）{
$（'#btnClick'）。在（“单击”，函数（）上）{
var previousVal=$（“#textarea”）.get（0）.defaultValue，
currentVal=$（“#textarea”）.val（）；
if（currentVal==previousVal）{
警报（“未进行任何更改”）；
}否则{
警报（'textarea已从“'+previousVal+'”更改为“'+currentVal+'”）；
}
})
})；

海桑

单击按钮即可分配textarea处理程序。这可能不是您想要的

您只需要检查该值是否已从加载页面时更改

$（函数（）{
$（'#btnClick'）。在（“单击”，函数（）上）{
var previousVal=$（“#textarea”）.get（0）.defaultValue，
currentVal=$（“#textarea”）.val（）；
if（currentVal==previousVal）{
警报（“未进行任何更改”）；
}否则{
警报（'textarea已从“'+previousVal+'”更改为“'+currentVal+'”）；
}
})
})；

海桑

单击按钮即可分配textarea处理程序。这可能不是您想要的

您只需要检查该值是否已从加载页面时更改

$（函数（）{
$（'#btnClick'）。在（“单击”，函数（）上）{
var previousVal=$（“#textarea”）.get（0）.defaultValue，
currentVal=$（“#textarea”）.val（）；
if（currentVal==previousVal）{
警报（“未进行任何更改”）；
}否则{
警报（'textarea已从“'+previousVal+'”更改为“'+currentVal+'”）；
}
})
})；

海桑

只需在变量中保留textarea的默认值，或使用

数据-*

属性单击进行比较。只需在变量中保留textarea的默认值，或使用

数据-*

属性单击进行比较。只需在变量中保留textarea的默认值，或使用

数据-*

属性单击进行比较。只需保留de变量中textarea的错误值，或使用

data-*

属性并单击进行比较。这正是我正试图做的这正是我正试图做的这正是我正试图做的这正是我正试图做的