捕捉輸入值的變化，當它沒有被聚焦

Question

我想創建一個屬性（例如markChanges ='true'），它會自動檢測輸入值是否已經改變，但只有當該輸入未被聚焦時。

我將如何做到這一點（該值可以從課程的JS代碼更改）？

Answer 1

似乎唯一的解決辦法是輪詢，這意味着你將不得不使用setInterval()。例如，請查看this fiddle。代碼是

function detectChange(input, interval) { 
    var previous = ""; 

    setInterval(function() { 

     var val = $(input).val(); 
     if ( val != previous) { 
      previous = val; 
      alert("Input has changed"); 
     } 

    }, interval); 
} 

detectChange("input", 100); 

setTimeout(function() { 
    $("input").val("some value!"); 
}, 4000);