javascript - 检测 DOM 何时有连续变化的输入值

Question

所以，我有一个输入栏，如果它被修改了，我想不断搜索它。我检查了一些 stackoverflow 问题，例如 Detecting DOM change events我检查了这个 DOMSubTreeModified 东西。

它第一次工作，但我需要不断检查是否有更新。有没有办法循环它？

Answer 1

您可以使用时间间隔:

var oldVal = document.getElementById("yourInput").value;
function check(){
    if(document.getElementById("yourInput").value !== oldVal){
        alert("value changed");
    }
}

setInterval(check, 1000);

代码应该是不言自明的:)

或者您可以绑定(bind)更改或输入事件(但如果您使用 javascript 更改值，它们将不起作用)。抱歉在这个例子中使用了 jQuery :)

$("#yourInput").on("change input", function(event){
    alert("value changed")
});