基本概念：DOM事件级别：

DOM0：element.onclick=function(){}

DOM2: element.addEventListener(‘click’,function(){},false/true)冒泡或者捕获。 true是在捕获事件触发。

DOM3: element.addEventListener(‘keyup’,function(){},true/false)键盘事件，鼠标点击事件。

DOM事件模型：

冒泡（目标元素往上）捕获从上往下。

DOM事件流；

事件流->捕获->目标阶段->冒泡。

DOM事件类-》描述dom事件捕获的具体流程；

先得到Window->document->html->body->...->目标元素。

DOM事件类-》Event对象的常见应用。

Event.preventDefault()阻止默认事件。

Evetn.stopPropagation()阻止冒泡事件。 不阻止的话。点击子元素，父元素也会响应。

Event.stoplmmediatePropagation()事件响应优先级。

Event.currentTarget //当前所绑定的事件，父级元素绑定事件。指定的就是这个事件。

Evennt.target //当前被点击的元素。

自定义事件：自定义事件，自定义触发事件。