DOMNode变动事件
幻冰小站 浏览次数:620 2020-07-22 15:55:21

Mutation events 是在 DOM3中定义,用于监听DOM树结构变化的事件

它简单的用法如下:

document.getElementById('list').addEventListener("DOMSubtreeModified",    function(){
    console.log('列表中子元素被修改');
},    false);

Mutation 事件列表

DOMAttrModified
DOMAttributeNameChanged
DOMCharacterDataModified
DOMElementNameChanged
DOMNodeInserted
DOMNodeRemoved
DOMNodeInsertedIntoDocument
DOMSubtreeModified

其中DOMNodeRemoved,DOMNodeInserted 和 DOMSubtreeModified 分别用于 监听元素子项的删除,新增,修改(包括删除和新增),
DOMAttrModified 是监听元素属性的修改,并且能够提供具体的修改动作。