DOM事件类

1、DOM事件的级别

DOM0：element.οnclick=function(){}

DOM1设定的时候没有设计跟事件相关的事件

DOM2：element.addEventListener('click',fuction(){},false)

DOM3：element.addEventListener('keyup',fuction(){},false)  （事件类型增加了）

2、DOM事件模型

  捕获和冒泡

3、DOM事件流

    浏览器在为当前页面与用户做交互的过程中，是怎么响应的

    完整的事件流：1、捕获  2、目标阶段  3、冒泡

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

    window-->document-->html-->body-->...-->目标元素

     冒泡则是反过来的

5、Event对象的常见应用

    event.preventDefault()   （阻止默认事件）

    event.stopPropagation()    （阻止冒泡行为）

    event.stopImmediatePropagation()    （假如同一个button创建了两个click事件，要执行A不执行B，就用这个方法）

    event.currentTarget    （当前绑定的事件，比如父级元素绑定了事件，那么event.currentTarget指的就是父元素）

    event.target    （当前点击的元素）

6、自定义事件

    

var eve=new Event('custome');
ev.addEventListener('custome',function(){
    console.log('custome');
});
ev.dispatchEvent(eve);