DOM事件
1.基本概念：DOM事件的级别
DOM事件类
DOM1标准指定的时候没有涉及任何和事件相关的东西；
事件级别
DOM0 element.onclick=function(){};
//-->true,false指定冒泡还是捕获
//IE attachEvent
DOM2 element.addEventListener('click',function(){},false);
//事件类型增加了很多；
DOM3 element.addEventListener('keyup',function(){},false);
2.DOM事件模型（冒泡捕获）
捕获（从上往下）
冒泡（从目标元素往上）
3.DOM事件流（页面中接受事件的顺序；）
浏览器在为当前页面与用户做交互的过程中，比如点击了鼠标左键，
这个左键是怎么传到你的页面上，又怎么响应的。
1、捕获阶段
2、目标阶段 事件通过捕获到达目标元素
3、冒泡阶段 从目标元素上传到window对象
4.描述DOM事件捕获的具体流程
第一个接受事件的对象是window;
取得body标签：document.body;
表示html节点：document.documentElement;
捕获流程： window-->document-->html标签-->body-->父级元素--子级元素...-->目标元素
冒泡流程：从目标元素一层一层最后到window完成了一次冒泡的流程 ；
5.Event对象的常见应用
-
event.preventDefault(); 阻止默认行为
a标签绑定了click事件，在响应函数中设置了preventDefault，就阻止了链接默认跳转的行为。
event.stopPropagation(); 阻止冒泡
父级元素、子集元素都绑定有事件，单击子元素做一件事，单击父元素在做一件事；如果不阻止冒泡，单击子元素的范围的时候，根据冒泡的原理，父级元素也会被响应；
-
event.stoplmmediatePropagation(); 事件响应优先级
一个按钮绑定了两个click事件1和2，想通过优先级的方式，第一个响应函数是a， 第二个响应函数是b，依次注册了a、b两个事件，想让执行a之后完不在执行b了； a响应函数中加上上面那个代码，就会成功的阻止b执行； -
event.currentTarget（currentTarget当前绑定事件的对象；指定的是父级元素)
把子元素的事件代理都转移到父元素上，只绑定一次事件就可以了。做响应的时候就要区分是哪个元素被触发。
event.target（target是当前被点击的元素）
-
自定义事件（重要！！！）--或者模拟事件
eg:有一个按钮，增加一个事件，在别的地方触发这个事件，而不是用回调的方式处理； 1.var eve = new Event('custome'); //通过new Event声明一个自定义事件，把eve这个事件当作普通事件对象，只不过这个事件是 你定义的 2.ev.addEventListener('custome',function(){ console.log('custome'); }); //ev是一个dom节点，通过dom2这种事件注册的方式绑定这个事件名称； 3.//最后触发就是用这个dom节点，dispatchEvent这个api触发eve这个对象。 ev.dispatchEvent(eve);总结：
Event 的不足只能指定事件名，如果想给这个事件加些数据，Event是做不到的；用CustomEvent；
CustomeEvent 自定义事件的一个方法；除了可以指定事件名，后边还可以跟一个object来做指定参数。这个参数是自定义的，所以用法是一样的。
*******CustomeEvent怎么用的，怎么传递数据？***********
