观察div中的属性更改

Question

我正在尝试更改为

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

此div中的数据结果属性。

[大多数旧方法似乎已被贬值。我意识到MutationObserver是最好的进行方法。并独自写了一篇没用的书。我找到了类似的onattrchange.js。

为此，我正试图解决我面临的问题。

我创建了这个jsfiddle，它可以检测输入更改（使用$（document）.on），但不能检测到data-result属性的更改。

我尝试了两种方法...（1）('body').attrchange（2）$(document).on('attrchange',...)

我不确定为什么这行不通。 （我对js和jquery还是很陌生，可以通过编码学习）

编辑：我发现了一个类似的fiddle，完全可以满足我的需求。我正在做类似的事情，但我想我犯了一些小错误。

Answer 1

我发现了代码问题。

onattrchange.js似乎无法识别使用进行的更改

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

它检测到

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

我已经添加了工作fiddle。

Answer 2

我一直在寻找相同的解决方案，但不想使用任何第三方库。在Google和本网站上进行了一些挖掘之后，我在https://stackoverflow.com/a/58501827/6879925

上找到了解决方案

我认为这是我曾经获得的HTML / javaScript属性更改检测的最佳解决方案之一。