Javascript(二十三) MouseEvent

鼠标事件是web上最常用的事件类型
     click
      用户点击鼠标左键时发生（如果右键也按下也不会发生）。当用户的焦点在按钮上，按下了回车，也会触发此事件。
     
     dblclick
      用户双击鼠标左键时发生（如果右键也按下则不会发生）。
     
     mousedown
      用户点击任意一个鼠标按钮时发生。
      
     mouseout
      鼠标指针在某个元素上，且用户正要将其移出元素的边界时发生
      
     mouseover 
      鼠标移出某个元素，到另一个元素上时发生
     
     mouseup
      用户松开任意一个按钮时发生,(左右键都会发生）
     
     mousemove
      鼠标在某个元素上时持续发生。

     鼠标单击的事件顺序是 mousedown   
                                  mouseup 
                                  click

在DOM兼容游览器中鼠标的双击事件顺序为
      mousedown
      mouseup
      click
      mousedown
      mouseup
      click
     
     IE游览器中的鼠标双击事件顺序为
      mousedown
      mouseup
      click
      mouseup
     
     每个鼠标事件都会给以下event对象的属性填入值：
     坐标属性(例如clientX,clinetY)
     type属性
     target(DOM)或srcElement(IE)
     shiftKey,altKey,ctrlKey和metaKey(DOM)属性
     button属性(只在mousedown mouseover mouseout mouseup mousemove事件中)
     
      对于mouseover事件和mouseout事件，事件对象还有额外的属性。在IE中,fromElement属性包含鼠标来自的元素，同时toElement包换鼠标指针去往的元素
     
      对于mouseover事件，toElement总等于srcElement,因为mouseover事件是鼠标移出某个元素， 到另一个元素上发生。
      对于mouseout属性，fromElement总是等于srcElement,因为mouseout事件是鼠标指针在某个元素上，且用户正要将其移出元素的边界时发生。
      
     DOM对mouseover mouseout只支持一个event属性relatedTarget,在mouseover事件中，relatedTarget指向鼠标来自的元素 ，在mouseout事件中，relatedTarget指向鼠标将要去往的元素