DOM3级事件中定义了9个鼠标事件。

• mousedown:鼠标按钮被按下（左键或者右键）时触发。不能通过键盘触发。
• mouseup:鼠标按钮被释放弹起时触发。不能通过键盘触发。
• click:单击鼠标左键或者按下回车键时触发。这点对确保易访问性很重要，意味着onclick事件处理程序既可以通过键盘也可以通过鼠标执行。
• dblclick:双击鼠标左键时触发。
• mouseover:鼠标移入目标元素上方。鼠标移到其后代元素上时会触发。
• mouseout:鼠标移出目标元素上方。
• mouseenter:鼠标移入元素范围内触发，该事件不冒泡，即鼠标移到其后代元素上时不会触发。
• mouseleave:鼠标移出元素范围时触发，该事件不冒泡，即鼠标移到其后代元素时不会触发。
• mousemove:鼠标在元素内部移到时不断触发。不能通过键盘触发。

事件绑定

1.elm.onclick = function( ) { //handler }

2.<button id='submit' onclick='onClickFn()'>Click Me!</button>

3.

IE：attachEvent

    elm.attachEvent("onclick",handler1);

标准:addEventListener( ):
     elm.addEventListener( "click",handler1,false );第一个参数是要绑定的事件不用加“on”

removeEventListener():删除事件、解绑

当鼠标点击所看到的的按钮时，其实发生了一系列的事件传递，可以想象一下，button实际上是被body“包裹”起来的，body是被html“包裹”起来的，html是被document“包裹”起来的，document是被window“包裹”起来的。所以，在你的鼠标点下去的时候，最先获得这个点击的是最外面的window，然后经过一系列传递才会传到最后的目标button，当传到button的时候，这个事件又会像水底的泡泡一样慢慢往外层穿出，直到window结束。

综上，一个事件的传递过程包含三个阶段，分别称为：

捕获阶段，目标阶段，冒泡阶段

目标指的就是包裹得最深的那个元素。

3.1 addEventListener的第三个参数设置为true和false：

true表示该元素在事件的“捕获阶段”（由外往内传递时）响应事件；

false表示该元素在事件的“冒泡阶段”（由内向外传递时）响应事件。