码迷,mamicode.com
首页 > 其他好文 > 详细

利用MutationObserver对页面元素的改变进行监听

时间:2016-05-30 01:06:56      阅读:336      评论:0      收藏:0      [点我收藏+]

标签:

‘use strict‘;
let MutationObserver = window.MutationObserver 
|| window.WebKitMutationObserver 
|| window.MozMutationObserver;
let observerMutationSupport = !!MutationObserver;
if(observerMutationSupport){
    let observer = new MutationObserver((mutations) => {
        mutations.forEach((item) => {
            console.log(item);
        });
    });
    const options = {
        "childList" : true,//子节点的变动
        "attributes" : true,//属性的变动
        "characterData" : true,//节点内容或节点文本的变动
        "subtree" : true,//所有后代节点的变动
        "attributeOldValue" : true,//表示观察attributes变动时,是否需要记录变动前的属性
        "characterDataOldValue" : true//表示观察characterData变动时,是否需要记录变动前的值
    };
    observer.observe(document,options);
}

 

利用MutationObserver对页面元素的改变进行监听

标签:

原文地址:http://www.cnblogs.com/tween/p/5540883.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!