当元素丢失属性时触发函数

时间:2015-12-31 11:54:41

标签: javascript jquery

当元素丢失某些自定义属性时,有没有办法触发函数?例如,删除custom_attribute后,请告诉我一些警告。这样做的方法是什么?简单JS是首选,虽然jQuery也没关系。

<div class="someclass" custom_attribute>...</div>

1 个答案:

答案 0 :(得分:4)

您可以使用MutationObserver

// select the target node
var target = document.querySelector('.someclass');

// create an observer instance
var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    fire_function();
    console.log(mutation.type);
  });    
});

// configuration of the observer:
var config = { attributes: true };

// pass in the target node, as well as the observer options
observer.observe(target, config);

// later, you can stop observing
observer.disconnect();

每次更改属性时,都会触发fire_function()。因此,您可以检查特定属性是否缺失或更改。