检测我所做的属性值的属性变化

Question

我在HTML中创建了一个属性，该属性data-select-content-val动态地填充了信息。

有没有一种方法可以检测属性值何时更改？

$(document).on("change", "div[data-select-content-val]", function(){

    alert("BOOP!");

});

Answer 1

您可以使用MutationObserver来跟踪属性更改，包括data-*更改。例如：var foo = document.getElementById('foo');var observer = new MutationObserver(function(mutations) {&nbsp; console.log('data-select-content-val changed');});observer.observe(foo, {&nbsp;&nbsp; attributes: true,&nbsp;&nbsp; attributeFilter: ['data-select-content-val'] });foo.dataset.selectContentVal = 1;&nbsp;<div id='foo'></div>&nbsp;