javascript - DOM が継続的に入力の値を変更したことを検出する

Question

そのため、変更されているかどうかを継続的に検索したい入力バーがあります。Detecting DOM change eventsのようないくつかの stackoverflow の質問を確認し、この DOMSubTreeModified を確認しました。

初めて機能しますが、更新があったかどうかを継続的に確認する必要があります。ループする方法はありますか？

Answer 1

時間間隔を使用できます:

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

setInterval(check, 1000);

コードは自明であるべきです:)

または、変更または入力イベントをバインドすることもできます (ただし、javascript で値を変更すると機能しないはずです)。この例ではjQueryを使用して申し訳ありません:)

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

Answer 2

inputタグの値の変更について話しているのですか？その場合、DOMが変更されることについて話しているのではありません。onKeyDownイベントハンドラーを試してください。

document.getElementById('input').addEventListener('keydown', function() {
  // Perform search
});