DOM事件类

DOM事件的级别

DOM0 ： element.onclick = function() {}

DOM2 ： element.addEventListener = ('click',function() {},false)  false是代表冒泡时触发，true代表捕获时触发

DOM3 ： element.addEventListener = ('keyup',function() {},false)

DOM事件模型

事件模型包括【捕获】和【冒泡】

捕获：从上到下

冒泡：从下到上

DOM事件流

描述DOM事件捕获的具体流程

window -> doucument -> html -> body -> 父级元素（子级元素）-> 目标元素

Event对象的常见应用

event.preventDfault() :阻止默认事件，比如a标签的跳转事件

event.stopPropagation() :阻止事件冒泡

event.stopImmediatePropagation() :除了可以阻止事件冒泡之外，还可以把这个元素绑定的同类型事件也阻止了

event.currentTarget :事件代理，父级元素绑定一个点击事件可以代替子级元素多个世界

event.target ：指定父级元素

自定义事件

var eve=new Event('custome');

ev.addEventListener('custome',function(){

   console.log('自定义事件');

})

ev.dispatcheEvent(eve);