Javascript 如何在呈现页面后使用Java脚本检测dom元素值的值是否有任何更改(例如,任何输入或复选框值更改)
在这种情况下,挑战是为不同的请求动态创建dom元素,并且dom元素的总数不是固定的[例如,可能是1行或多行] 例如,当有来自web服务的响应时,就会创建表/dom元素。网页上有一个保存按钮,但只有当其中一个元素发生任何更改[更改不应与最后一个值相同]时,该按钮才会启用。使用函数的事件委派语法将Javascript 如何在呈现页面后使用Java脚本检测dom元素值的值是否有任何更改(例如,任何输入或复选框值更改),javascript,jquery,Javascript,Jquery,在这种情况下,挑战是为不同的请求动态创建dom元素,并且dom元素的总数不是固定的[例如,可能是1行或多行] 例如,当有来自web服务的响应时,就会创建表/dom元素。网页上有一个保存按钮,但只有当其中一个元素发生任何更改[更改不应与最后一个值相同]时,该按钮才会启用。使用函数的事件委派语法将更改事件处理程序绑定到输入。大概是这样的: $(document).on('input', 'change', function() { // enable your 'Save' button }
更改
事件处理程序绑定到输入。大概是这样的:
$(document).on('input', 'change', function() {
// enable your 'Save' button
});
链接的API页面中有关于事件委派的更多信息,特别是直接和委派事件部分
请注意,jQuery 1.7中引入了
.on()
函数。如果您使用的是之前的版本,则可以使用函数获得相同的结果-只需切换前两个参数。感谢您的回答。然而,如果这些变化是相同的还是不同的,我们将如何得到这些变化呢。例如,先前的值为1,然后将值更改为2,然后再次更改为1。有没有办法处理这种情况?@neo使用HTML5data-*
属性存储所有输入的初始值,然后将当前值与触发change
事件时的值进行比较。