菜鸟教程事件大全

  1. UI(User Interface,用户界面)事件,当用户与页面上的元素交互时触发
    1. load:当页面完全加载后再window上触发,当图像加载完毕时再<img>上面触发,或者当嵌入的内容加载完毕时再<object>元素上触发
    2. unload:当页面完全卸载后在window上面触发,当所有框架都卸载后在框架集上面触发,或者当嵌入的内容卸载完毕后在<object>元素上面触发
    3. abort:在用户停止下载过程时,如果嵌入的内容没有加载完,则在<object>元素上面触发
    4. error:当javascript错误时再window上触发
    5. select:当用户选择文本框(input或<texterea>)中的一个或多个字符时触发.
    6. resize:当窗口或框架的大小发生变化时再window或框架上面触发
    7. scroll:当用户滚动带滚动条的元素中的内容时,在该元素上面触发.<body>元素中包括所加载页面的滚动条
  2. 焦点事件:当元素获取焦点失去焦点时触发
    1. blur:在元素失去焦点时触发,这个事件不会冒泡所有浏览器都支持它
    2. DOMFocusIn:在元素获取焦点时触发.这个事件与HTML事件focus等价,但它冒泡.只有Opera支持这个事件.DOM3级事件废弃DOMFocusIn,选择了focusin
    3. DOMFousOut:在元素失去焦点时触发.这个事件与HTML事件blur的通用版本.只有Opera支持这个事件.DOM3级事件废弃了DOMFocusOut,选择了focusout
    4. focus:在元素获取焦点时触发
    5. focusin:在元素获取焦点时触发,但它有冒泡
    6. focusout:在元素失去焦点时触发,但它有冒泡
    7. 当页面中的元素移动到另一个元素会以次触发该事件,focusout, focusin, blur, DOMFocusOut, focus, DOMocusIn
  3. 鼠标事件:当用户通过鼠标在页面上执行操作时触发
    1. click:用户单机鼠标左键
    2. dblclick:用户双击鼠标左键
    3. mousedown:用户按下任意鼠标按钮触发
    4. mouseenter:用户鼠标从元素外部首次移动到元素内部触发,这个事件不冒泡
    5. mouseleave:在位于元素上方的鼠标光标移动到元素范围之外时触发,这个事件不冒泡
    6. mousemove:当鼠标指针在元素内部移动时重复触发
    7. mouseout:在鼠标指针在元素上方然后用户将其移入另一个元素时触发
    8. mouseover:在鼠标指针位于元素外部,然后用户将其首次移入另一个元素边界内时触发
    9. mouseup:在用户释放鼠标按钮时触发
    10. 在同一元素下顺序如下mousedown, mouseup, click, mousedown, mouseup, click, dblclick,
  4. 滚轮事件:当使用鼠标滚轮(或类似设备)时触发
  5. 文本事件:在文档中输入文本时触发
  6. 键盘事件:当用户通过键盘在页面上执行操作时触发
  7. 合成事件:当为IME(Input Method Editor,输入法编辑器)输入字符时触发
  8. 变动事件:当底层dom结构发生变化时触发