实际上，我们不需要设置循环来检测javaScript更改。 我们已经为要检测的元素设置了许多事件监听器。只要触发任何联合国有害事件就能完成这项工作。

$("input[name='test-element']").on("propertychange change click keyup input paste blur", function(){
console.log("yeh thats worked!");
});

$("input[name='test-element']").val("test").trigger("blur");

ofc只有在你对项目的javascript更改有完全控制的情况下才可用。

jQuery >= 1.7的实时解决方案已经启动

$("#input-id").on("change keyup paste", function(){
    dosomething();
})

如果你还想检测“点击”事件，只需:

$("#input-id").on("change keyup paste click", function(){
    dosomething();
})

如果你使用jQuery <= 1.6，使用bind或live代替on。

不幸的是，我认为setInterval胜出了:

<input type=text id=input_id />
<script>
setInterval(function() { ObserveInputValue($('#input_id').val()); }, 100);
</script>

这是最简洁的解决方案，只有一行代码。它也是最健壮的，因为您不必担心输入可以获得值的所有不同事件/方式。

在这种情况下，使用'setInterval'的缺点似乎并不适用:

100ms的延迟?对于许多应用程序来说，100ms已经足够快了。 增加了浏览器的负载?一般来说，在页面上添加大量的重量级setinterval是不好的。但在这种特殊情况下，无法检测到添加的页面负载。 它不能扩展到很多输入?大多数页面的输入不超过几个，您可以在同一个setInterval中嗅探所有输入。

您可以简单地识别表单中的所有更改者，如下所示

           //when form change, show aleart
            $("#FormId").change(function () {
                aleart('Done some change on form');
            }); 

把这段代码添加到某个地方，就可以了。

var originalVal = $.fn.val;
$.fn.val = function(){
    var result =originalVal.apply(this,arguments);
    if(arguments.length>0)
        $(this).change(); // OR with custom event $(this).trigger('value-changed');
    return result;
};

发现这个解决方案在val()不触发change()在jQuery

你就不能用<span contenteditable="true" spellcheck="false">元素来代替<input type="text">吗?

<span>(以contenteditable="true" spellcheck="false"作为属性)与<input>区别很大，主要是因为:

它的样式不是<input>。 它没有value属性，但文本被呈现为innerText，并成为其内部主体的一部分。 它是multiline，而<input>不是，尽管你设置了属性multiline="true"。

要完成外观，当然，你可以用CSS样式，而将值写成innerText，你可以为它获得一个事件:

这是小提琴。

不幸的是，有一些东西在IE和Edge中实际上不起作用，我无法找到。