javascript - 如何在渲染页面后使用 Java Script 检测 dom 元素值的值是否有任何变化（例如，任何输入或复选框值已更改）

Question

在这种情况下，挑战是 dom 元素是为不同的请求动态创建的，并且 dom 元素的总数不是固定的[例如，可能是 1 行或多行]。

例如，当有来自 Web 服务的响应时，会创建 table/dom 元素。网页上有一个保存按钮，但仅当其中一个元素发生任何更改时才会启用[更改不应与最后一个值相同]。

Answer 1

使用.on()函数的事件委托语法将change事件处理程序绑定到您的输入。像这样的东西：

$(document).on('input', 'change', function() {
    // enable your 'Save' button
});

在链接的 API 页面中有更多关于事件委托的信息，特别是直接和委托事件部分。

请注意，该.on()函数是在 jQuery 1.7 中引入的。如果您使用的是之前的版本，则可以使用该.delegate()函数获得相同的结果 - 只需切换前两个参数。