DOM常用事件

  1. 用户界面事件

    • load: 加载完成 window/img
    • unload: 卸载完成 window
    • error: JS出错或加载失败 window/img
    • select: 选中文字 input/textarea
    • resize: 调整窗口大小 window
    • scroll: 包含滚动条的元素
  2. 焦点事件

    • blur: 失去焦点,不冒泡
    • focus: 获得焦点,不冒泡
    • focusin: focus的冒泡版
    • focusout: blue的冒泡版
  3. 鼠标和滚轮事件

    • click: 鼠标左键/键盘回车
    • dbclick: 双击鼠标左键
    • mousedown: 按下任意鼠标键
    • mouseup: 释放任意鼠标键
    • mousewheel: 鼠标滚轮滚动
    • mousemove: 光标在元素上移动
    • mouseenter: 光标移入元素,不冒泡
    • mouseleave: 光标移出元素,不冒泡
    • mouseover: mouseenter的冒泡版
    • mouseout: mouseleave的冒泡版
  4. 键盘和输入事件

    • keydown: 按下键盘某个键
    • keyup: 释放键盘某个键
    • textInput: 文本输入,用于替换keypress
  5. HTML5事件

    • contextmenu: 右键菜单 document
    • beforeunload: 页面卸载之前 window
    • DOMContentLoaded: DOM树构建完成 document
    • readystatechange: 加载状态变化 document
    • hashchange: URL散列值变化 window
posted @ 2021-08-25 20:29  Peterer~王勇  阅读(113)  评论(0编辑  收藏  举报