javascript - 如何检测某些文本框是否通过外部脚本更改？

Question

我有一些 jQuery 插件可以更改某些元素，我需要一些事件或 jQuery 插件来在某些文本输入值更改时触发事件。我已经下载了 jquery.textchange 插件，它是一个很好的插件，但无法通过外部源检测更改。

Answer 1

@MSS——好吧，这是一个拼凑，但它有效:

当我调用 boxWatcher() 时，我将值设置为 3,000，但您需要更频繁地执行此操作，例如 100 或 300。

http://jsfiddle.net/N9zBA/8/

var theOldContent = $('#theID').val().trim();
var theNewContent = "";

function boxWatcher(milSecondsBetweenChecks) {
    var theLoop = setInterval(function() {
    theNewContent = $('#theID').val().trim();
    if (theOldContent == theNewContent) {
        return; //no change
    }
    clearInterval(theLoop);//stop looping
    handleContentChange();
    }, milSecondsBetweenChecks);
};

function handleContentChange() {
    alert('content has changed');
    //restart boxWatcher
    theOldContent = theNewContent;//reset theOldContent
    boxWatcher(3000);//3000 is about 3 seconds
}


function buttonClick() {
  $('#theID').value = 'asd;lfikjasd;fkj';
}

$(document).ready(function() {
    boxWatcher(3000);
})