Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在呈现页面后使用Java脚本检测dom元素值的值是否有任何更改(例如,任何输入或复选框值更改)_Javascript_Jquery - Fatal编程技术网

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

Javascript 如何在呈现页面后使用Java脚本检测dom元素值的值是否有任何更改(例如,任何输入或复选框值更改),javascript,jquery,Javascript,Jquery,在这种情况下,挑战是为不同的请求动态创建dom元素,并且dom元素的总数不是固定的[例如,可能是1行或多行] 例如,当有来自web服务的响应时,就会创建表/dom元素。网页上有一个保存按钮,但只有当其中一个元素发生任何更改[更改不应与最后一个值相同]时,该按钮才会启用。使用函数的事件委派语法将更改事件处理程序绑定到输入。大概是这样的: $(document).on('input', 'change', function() { // enable your 'Save' button }

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

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

使用函数的事件委派语法将
更改
事件处理程序绑定到输入。大概是这样的:

$(document).on('input', 'change', function() {
    // enable your 'Save' button
});
链接的API页面中有关于事件委派的更多信息,特别是直接和委派事件部分


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

感谢您的回答。然而,如果这些变化是相同的还是不同的,我们将如何得到这些变化呢。例如,先前的值为1,然后将值更改为2,然后再次更改为1。有没有办法处理这种情况?@neo使用HTML5
data-*
属性存储所有输入的初始值,然后将当前值与触发
change
事件时的值进行比较。