如何在呈现页面后使用 Java 脚本检测 dom 元素值的值是否有任何变化(例如，任何输入或复选框值更改）

How to detect if there is any change in value of dom element value(e.g. any input or check box value changed) using Java Script after rendering page

本文关键字：任何 变化 是否 例如 复选框 输入 元素 检测 dom 脚本 Java      更新时间：2023-09-26

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

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

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

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

链接的 API 页中提供了有关事件委派的详细信息，尤其是直接事件和委托事件部分。

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

相关文章：