绑定到输入事件似乎在大多数正常的浏览器中都能正常工作。IE9也支持它，但是实现有bug(删除字符时不会触发事件)。

在jQuery 1.7+版本中，on方法可以像这样绑定到事件:

$(".inputElement").on("input", null, null, callbackFunction);

实际上，我们不需要设置循环来检测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更改有完全控制的情况下才可用。

虽然这个问题是10年前发布的，但我认为它仍然需要改进。这就是我的解。

$(document).on('propertychange change click keyup input paste', 'selector', function (e) {
    // Do something here
});

这个解决方案的唯一问题是，它不会触发从javascript的值改变，如$('selector')。瓦尔(“价值”)。当你从javascript中改变值时，你可以触发任何事件到你的选择器。

$(selector).val('some value');
// fire event
$(selector).trigger('change');

或者排成一行

$(selector).val('some value').trigger('change');

好吧，最好的办法就是把你自己列出的三个基础都做一遍。一个简单的:onblur，:onkeyup等不会为你想要的工作，所以只是把它们结合起来。

KeyUp应该涵盖前两个，如果Javascript正在修改输入框，我当然希望它是你自己的Javascript，所以只需在修改它的函数中添加一个回调。

下面是一个工作示例，我使用它来实现一个填充jqueryui选择器(列表)的自动补全变体，但我不希望它的功能完全像jqueryui自动补全那样做一个下拉菜单。

$("#tagFilter").on("change keyup paste", function() {
     var filterText = $("#tagFilter").val();
    $("#tags").empty();
    $.getJSON("http://localhost/cgi-bin/tags.php?term=" + filterText,
        function(data) {
            var i;
            for (i = 0; i < data.length; i++) {
                var tag = data[i].value;
                $("#tags").append("<li class=\"tag\">" + tag + "</li>");
            }
        }); 
});

下面是一个不使用jQuery的解决方案(它真的很过时，现在没有必要了)

使用事件“input”，你可以查找任何类型的变化:

删除，后退，粘贴，输入，任何会改变输入值的东西。

输入事件与文本输入直接相关。当文本以任何方式被更改时，输入就会被分派。

document.querySelector(“# testInput”)。addEventListener(“输入”,测试); 功能测试(e) { var a = document.getElementById('output'); a.innerText += "检测到更新!\n"; ｝ <输入id = " testInput " > < br > <一个id = "输出" > < / >