DOM的基本事件总结

事件对象 event

    在触发DOM的某个事件时 会产生一个事件对象 event 
    这个包含所有与事件相关的信息
    浏览器默认会把event传入到事件处理函数中
    event对象的属性都是只读属性

属性	类型	说明
type	String	事件类型，
bubbles	Boolean	事件是否冒泡
stopPropagation()	Function	取消事件的进一步捕获或者冒泡
cancelBubble	Boolean	是否取消事件冒泡,值为true取消冒泡, 类似stopPropagation()
preventDefault()	Function	取消事件的默认行为
cancelable	Boolean	是否可取消事件默认行为，true为取消默认行为
target	Element	事件目标

  事件类型 

 鼠标事件

      click                       点击鼠标的主按钮  点击触控板
      dblclick                  双击鼠标的主要按钮
      mousedowm         任意鼠标按钮按下时触发
      mouseup              任意鼠标按钮抬起（释放）时触发
      mousemove         鼠标在元素内部移动时会重复触发
      mousewheel        滚轮事件
      mouseover           鼠标位于元素外部，将其首次移入另一个元素边界之内时触发 【支持子元素】
      mouseenter          鼠标光标从元素外部首次移动到元素范围内激发，不冒泡。 【不支持子元素】
      mouseout             在位于元素上方的鼠标光标移入到另外一个元素中。 【支持子元素】在被选元素上与mouseleave效果相同
      mouseleave         在位于元素上方的鼠标光标移动到元素范围之外时触发， 不冒泡【不支持子元素】

    表单事件

      blur          元素失去焦点
      focus       元素获得焦点当                                                                                                          submit    提交表单时，会发生 submit 事件                                                                        change    当元素的值改变时发生 change 事件

    UI事件

       load
        在页面完全加载后会在window上触发这个事件
        如果是图像加载完成后 会在img元素上触发
        window.onload
      unload
        在页面完全卸载后会在window上触发这个事件
      select
        当用户选择文本框中的字符时会触发
      resize
        当浏览器窗口被调整宽高时会触发 会重复触发
      scroll
        滚动条滚动时会触发 会重复触发

    键盘事件

      keydown 按下键盘任意键触发 如果按住不放会重复触发
      keypress 按下键盘字符键触发
      keyup   释放按键时触发