HTML：监听输入的*所有*更改，而不仅仅是键盘驱动的更改？

Question

例如，如果我有这样的输入：

<input id="myInput" type="text" />

当以编程方式更改值时，如何通知我（例如，由于 $("#myInput").val("new value") ）？

示例： http://jsfiddle.net/2ax9y/

编辑：请注意，问题是询问如何监听更改，而不是“如何手动分派更改”。我很清楚我可以手动分派更改事件，但我试图避免这种情况。

Answer 1

您可以更改 $ 原型，以便在调用 val(value) 时始终触发 change() 事件：

$.prototype.changeval = $.prototype.val;
$.prototype.val = function(v) {
    if (v) {
        $(this).changeval(v);
        $(this).change();
    } else {
        return $(this).changeval();
    }
}

Answer 2

触发更改： http://jsfiddle.net/maniator/2ax9y/1/

---

一点不同的是： http://jsfiddle.net/maniator/2ax9y/2/

Answer 3

您无法可靠地订阅输入元素上的每个更改，但您可以检查自上次检查以来是否发生了更改，并在某个所需的时间粒度内执行此操作。

创建一个检查器函数并以您所需的时间粒度循环它 - 100 毫秒是一个好的开始，请根据您的需要进行调整。

假设的未经测试的实现：

var last_value = null;

function handle_changed() {
    // Do something here
}

function check_value() {
    var v = $("#myelement").val();
    if(v !== last_value) {
        last_value = v;
        handle_changed();
    }
}

setInterval(check_value, 100);

Answer 4

我不认为这是变革事件的固有能力。当您以编程方式更改值时，可以手动触发更改事件。

$("#myInput").val(+(new Date())).change();