HTML 事件参考



  • HTML事件属性

    HTML4增加了让事件在浏览器中触发操作的功能,例如当用户点击元素时启动JavaScript。要了解有关编程事件的更多信息,请访问我们的JavaScript教程。下面是可以添加到HTML元素以定义事件操作的全局事件属性。

    有橙红色5标识的是HTML5新添加的功能

  • 窗口事件属性

    为窗口对象触发的事件(适用于<body>标记):

    属性 描述
    onafterprint5 打印文档后运行的脚本
    onbeforeprint5 在打印文档之前运行的脚本
    onbeforeunload5 在文档即将卸载时运行的脚本
    onerror5 脚本将在出现错误时运行
    onhashchange5 当URL的锚点部分发生更改时运行的脚本
    onload 当元素完成加载时运行的脚本
    onmessage5 在触发消息时运行的脚本
    onoffline5 脚本将在浏览器开始脱机工作时运行
    ononline5 脚本将在浏览器开始联机工作时运行
    onpagehide5 当用户从页面中导航时运行的脚本
    onpageshow5 当用户导航到页面时运行的脚本
    onpopstate5 窗口的历史记录更改时运行的脚步
    onresize5 脚本将在浏览器窗口调整大小时运行。
    onstorage5 更新Web Storage区域时要运行的脚本
    onunload 在卸载页面(或关闭浏览器窗口)时运行的脚本
  • 表单事件

    由HTML表单内的操作触发的事件(几乎适用于所有HTML元素,但最常用于表单元素):

    属性 描述
    onblur 当元素失去焦点时运行的脚本
    onchange 当元素的值改变时运行的脚本
    oncontextmenu5 在触发上下文菜单时运行的脚本
    onfocus 当元素获得焦点时运行的脚本
    oninput5 当元素获得用户输入时运行的脚本
    oninvalid5 当元素无效时运行的脚本
    onreset5 当单击窗体中的重置按钮时运行的脚本。
    onsearch 当用户在搜索字段中写入内容时运行的脚本(为 <input="search">)
    onselect 选择元素时要运行的脚本
    onsubmit 提交表单时要运行的脚本
  • 键盘事件

    属性 描述
    onkeydown 当用户按下键时运行的脚本
    onkeypress 当用户按下一个键时运行的脚本
    onkeyup 当用户释放键时运行的脚本
  • 鼠标事件

    属性 描述
    onclick 在单击元素时运行的脚本
    ondblclick 在双击元素时运行的脚本
    onmousedown 在元素上按下鼠标按钮时运行的脚本
    onmousemove 只要鼠标指针在元素上移动,脚本就会运行
    onmouseout 当鼠标指针移出元素时运行的脚本
    onmouseover 当鼠标指针移动到元素上时运行的脚本
    onmouseup 在元素上释放鼠标按钮时运行的脚本
    onmousewheel 当鼠标滚轮在元素上滚动时运行的脚本。废弃,用onwheel代替
    onwheel5 当鼠标滚轮在元素上或下滚动时运行的脚本
  • 拖拽事件

    属性 描述
    ondrag5 当元素被拖动时运行的脚本
    ondragend5 在拖动操作结束时运行的脚本
    ondragenter5 当元素被拖拽到一个有效的drop目标时运行的脚本
    ondragleave5 当元素离开有效的drop目标时运行的脚本
    ondragover5 当元素被拖放到一个有效的drop目标上时运行的脚本
    ondragstart5 在拖动操作开始时运行的脚本
    ondrop5 在删除拖动元素时要运行的脚本
    onscroll5 在滚动元素的滚动条时运行的脚本
  • 剪贴板事件

    属性 描述
    oncopy 在复制元素内容时运行的脚本
    oncut 在删除元素内容时运行的脚本
    onpaste 当用户在元素中粘贴一些内容时运行的脚本
  • 媒体事件

    由视频,图像和音频等媒体触发的事件(适用于所有HTML元素,但在媒体元素中最常见,如<audio>,<embed>,<img>,<object>和<video>)。

    属性 描述
    onabort 要在abort上运行的脚本
    oncanplay5 当文件准备好开始播放时(当它已经缓冲到可以开始播放时)运行的脚本
    oncanplaythrough5 脚本运行时,一个文件可以一直播放到结束,没有暂停缓冲
    oncuechange5 脚本将在线索发生变化时运行;元素
    ondurationchange5 当媒体长度改变时要运行的脚本
    onemptied5 当出现问题,文件突然不可用(比如意外断开连接)时运行的脚本
    onended5 脚本将在媒体到达终端时运行(对于像“感谢您的倾听”这样的消息来说,这是一个有用的事件)
    onerror5 脚本将在出现错误时运行
    onloadeddata5 加载媒体数据时要运行的脚本
    onloadedmetadata5 在加载元数据(如维度和音延)时运行的脚本
    onloadstart5 脚本将在实际加载任何内容之前开始加载文件时运行
    onpause5 当用户暂停或以编程方式暂停媒体时运行的脚本
    onplay5 当媒体开始播放时要运行的脚本
    onplaying5 当媒体播放中要运行的脚本
    onprogress5 在浏览器正在获取媒体数据的过程中运行的脚本
    onratechange5 每次回放速率改变时(如用户切换到慢动作或快进模式时)运行的脚本。
    onseeked5 重新定位媒体播放的位置完成后触发的脚本,表示定位已经结束
    onseeking5 重新定位媒体中这段时间触发,(比如要拖动视频的播放进度)
    onstalled5 脚本将在浏览器因任何原因无法获取媒体数据时运行
    onsuspend5 无论出于什么原因,在媒体数据完全加载之前,将停止在获取媒体数据时运行的脚本
    ontimeupdate5 脚本将在播放位置发生变化时运行(如用户快进到媒体中的不同位置时)
    onvolumechange5 每次更改视频/音频的音量时要运行的脚本
    onwaiting5 脚本将在媒体暂停但预期恢复时运行(如媒体暂停以缓冲更多数据时)
  • 杂项事件

    属性 描述
    ontoggle5 当用户打开或关闭<details>元素时候运行的脚本