javascript - 观察div中的属性变化

标签 javascript jquery html css mutation-observers

我正在尝试观察到的变化

<div id="one" class="elem" data-result="inr"></div>

此 div 中的数据结果属性。

大多数旧方法似乎都已贬值。我意识到 MutationObserver 是最好的方法。我自己写了一个,但没有用。我找到了 onattrchange.js这是相似的。

有了这个,我试图解决我面临的问题。

我创建了这个 jsfiddle它能够检测输入变化(使用 $(document).on),但不能检测数据结果属性的变化。

我试过两种方法... (1) ('body').attrchange (2) $(document).on('attrchange',...)

我不确定为什么这不起作用。 (我对js和jquery也很陌生,通过编码学习)

编辑:我找到了一个类似的 fiddle这正是我想要的。我正在做类似的事情,但我想我犯了一些小错误。

最佳答案

我发现了代码的问题。

onattrchange.js似乎无法识别使用

所做的更改
$("element").data("result",$(this).val());

它检测

$("element").attr("data-result",$(this).val());

我已经添加了工作 fiddle .

关于javascript - 观察div中的属性变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19404482/

相关文章:

javascript - 给出正确答案后如何给出h1div+1?

html - 内容未在移动设备上显示

javascript - 如何修复在安装 grunt 插件时需要 grunt@~0.4.0 的同伴?

javascript - 如何在 cometd 中处理向 javascript 客户端广播动态列表

javascript - Bootstrap datepicker 触发器更改

javascript - 未捕获的 RangeError : Maximum call stack size exceeded Meteor. js 表单

events - 从 jQuery 获取原始事件

javascript - 将 php 页面 URL 中的变量传递给 JavaScript 和另一个 PHP

javascript - HTML jQuery : Pass selected value onclick to elements name

javascript - 带回调的 useState 类型 - 类型没有调用签名