1. 基本概念：DOM事件的级别
事件级别：DOM0 element.onclick=function(){}
DOM2 element.addEventListener(‘click‘,function(){},false)
DOM3 element.addEventListener(‘keyup‘,function(){},false)
2. DOM事件模型：捕获和冒泡
捕获是从上往下，冒泡是从当前元素往上
一个完整的事件流分三个阶段：捕获--目标阶段--冒泡
描述DOM事件捕获的具体流程
window--document--html--body--父级--子级--目标元素
3. Event对象的常见应用
event.preventDefault() 阻止默认行为
event.stopPropagation() 阻止冒泡
event.stopImmediatePropagation() 事件响应优先级
event.currentTarget 当前所绑定的事件
event.target
4. 自定义事件
var eve=new Event(‘custome‘);
ev.addEventListener(‘custom‘,function(){
console.log(‘custom‘)
});
ev.dispatchEvent(eve);
具体例子见代码https://github.com/leitingting08/Front-end-language/blob/master/layout/event.html