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

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) {

  console.log('data-select-content-val changed');

});

observer.observe(foo, { 

  attributes: true, 

  attributeFilter: ['data-select-content-val'] });

foo.dataset.selectContentVal = 1;

 <div id='foo'></div>