2019第12周知识总结

js handelevent

dom2阶段事件 事件会自动在传入对象中寻找handleEvent方法。

var obj = {
    name: 'foo',
    handleEvent: function() {
       alert('click name='+ this.name);
    }
};
document.body.addEventListener('click', obj, false);

dispatchEvent

var dom = document.querySelector('#id')
dom.addEventListener('alert', function (event) {
  console.log(event)
}, false);
 
// 创建
var evt = document.createEvent("HTMLEvents");
// 初始化
evt.initEvent("alert", false, false);
 
// 触发, 即弹出文字
dom.dispatchEvent(evt);