总结-web监控

html事件

1.用法：在HTML元素体内以 event = "function()"调用；在js内用 document.body.event = function();

http://www.runoob.com/jsref/dom-obj-event.html

动态监听元素

1.MutationObserver 

let object = new MutationObserver (functionname);//在观察期间有变动时调用方法
let article = document.getElementById('elementId');
let options = {
    'childList':true;//子节点变动
    'attributes':true;//属性变动
    'characterData':true;//节点内容或节点文本变动
    'subtree':true;//后代节点变动
}
object.observe(article,options);//开始监听
object.disconnect();//停止监听
object.takeRecords();//清除变动记录

2.change()，在文本域、textarea、select的值改变时调用

object.change(functionname);

3.DOMNodeInserted事件，插入节点时有效；

3.DOMNodeRemoved事件，删除节点时有效；