Javascript事件对照表

Javascript事件对照表，快速查找JS事件、浏览器兼容性及详细说明。

绿色工具
{ "columns": [ { "id": "event", "header": "事件", "accessorKey": "event" }, { "id": "browser", "header": "浏览器支持", "accessorKey": "browser" }, { "id": "description", "header": "说明", "accessorKey": "description" }, { "id": "category", "header": "分类", "accessorKey": "category" } ], "data": [ { "event": "onclick", "browser": "IE3、N2", "description": "鼠标点击时触发此事件", "category": "一般事件" }, { "event": "ondblclick", "browser": "IE4、N4", "description": "鼠标双击时触发此事件", "category": "一般事件" }, { "event": "onmousedown", "browser": "IE4、N4", "description": "按下鼠标时触发此事件", "category": "一般事件" }, { "event": "onmouseup", "browser": "IE4、N4", "description": "鼠标按下后松开鼠标时触发此事件", "category": "一般事件" }, { "event": "onmouseover", "browser": "IE3、N2", "description": "当鼠标移动到某对象范围的上方时触发此事件", "category": "一般事件" }, { "event": "onmousemove", "browser": "IE4、N4", "description": "鼠标移动时触发此事件", "category": "一般事件" }, { "event": "onmouseout", "browser": "IE4、N3", "description": "当鼠标离开某对象范围时触发此事件", "category": "一般事件" }, { "event": "onkeypress", "browser": "IE4、N4", "description": "当键盘上的某个键被按下并且释放时触发此事件.", "category": "一般事件" }, { "event": "onkeydown", "browser": "IE4、N4", "description": "当键盘上某个按键被按下时触发此事件", "category": "一般事件" }, { "event": "onkeyup", "browser": "IE4、N4", "description": "当键盘上某个按键被按放开时触发此事件", "category": "一般事件" }, { "event": "onabort", "browser": "IE4、N3", "description": "图片在下载时被用户中断", "category": "页面相关事件" }, { "event": "onbeforeunload", "browser": "IE4、N", "description": "当前页面的内容将要被改变时触发此事件", "category": "页面相关事件" }, { "event": "onerror", "browser": "IE4、N3", "description": "出现错误时触发此事件", "category": "页面相关事件" }, { "event": "onload", "browser": "IE3、N2", "description": "页面内容完成时触发此事件", "category": "页面相关事件" }, { "event": "onmove", "browser": "IE、N4", "description": "浏览器的窗口被移动时触发此事件", "category": "页面相关事件" }, { "event": "onresize", "browser": "IE4、N4", "description": "当浏览器的窗口大小被改变时触发此事件", "category": "页面相关事件" }, { "event": "onscroll", "browser": "IE4、N", "description": "浏览器的滚动条位置发生变化时触发此事件", "category": "页面相关事件" }, { "event": "onstop", "browser": "IE5、N", "description": "浏览器的停止按钮被按下时触发此事件或者正在下载的文件被中断", "category": "页面相关事件" }, { "event": "onunload", "browser": "IE3、N2", "description": "当前页面将被改变时触发此事件", "category": "页面相关事件" }, { "event": "onblur", "browser": "IE3、N2", "description": "当前元素失去焦点时触发此事件", "category": "表单相关事件" }, { "event": "onchange", "browser": "IE3、N2", "description": "当前元素失去焦点并且元素的内容发生改变而触发此事件", "category": "表单相关事件" }, { "event": "onfocus", "browser": "IE3 、N2", "description": "当某个元素获得焦点时触发此事件", "category": "表单相关事件" }, { "event": "onreset", "browser": "IE4 、N3", "description": "当表单中RESET的属性被激发时触发此事件", "category": "表单相关事件" }, { "event": "onsubmit", "browser": "IE3 、N2", "description": "一个表单被递交时触发此事件", "category": "表单相关事件" }, { "event": "onbounce", "browser": "IE4、N", "description": "在Marquee内的内容移动至Marquee显示范围之外时触发此事件", "category": "滚动字幕事件" }, { "event": "onfinish", "browser": "IE4、N", "description": "当Marquee元素完成需要显示的内容后触发此事件", "category": "滚动字幕事件" }, { "event": "onstart", "browser": "IE4、 N", "description": "当Marquee元素开始显示内容时触发此事件", "category": "滚动字幕事件" }, { "event": "onbeforecopy", "browser": "IE5、N", "description": "当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发此事件", "category": "编辑事件" }, { "event": "onbeforecut", "browser": "IE5、 N", "description": "当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发此事件", "category": "编辑事件" }, { "event": "onbeforeeditfocus", "browser": "IE5、N", "description": "当前元素将要进入编辑状态", "category": "编辑事件" }, { "event": "onbeforepaste", "browser": "IE5、 N", "description": "内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发此事件", "category": "编辑事件" }, { "event": "onbeforeupdate", "browser": "IE5、 N", "description": "当浏览者粘贴系统剪贴板中的内容时通知目标对象", "category": "编辑事件" }, { "event": "oncontextmenu", "browser": "IE5、N", "description": "当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件", "category": "编辑事件" }, { "event": "oncopy", "browser": "IE5、N", "description": "当页面当前的被选择内容被复制后触发此事件", "category": "编辑事件" }, { "event": "oncut", "browser": "IE5、N", "description": "当页面当前的被选择内容被剪切时触发此事件", "category": "编辑事件" }, { "event": "ondrag", "browser": "IE5、N", "description": "当某个对象被拖动时触发此事件 [活动事件]", "category": "编辑事件" }, { "event": "ondragdrop", "browser": "IE、N4", "description": "一个外部对象被鼠标拖进当前窗口或者帧", "category": "编辑事件" }, { "event": "ondragend", "browser": "IE5、N", "description": "当鼠标拖动结束时触发此事件，即鼠标的按钮被释放了", "category": "编辑事件" }, { "event": "ondragenter", "browser": "IE5、N", "description": "当对象被鼠标拖动的对象进入其容器范围内时触发此事件", "category": "编辑事件" }, { "event": "ondragleave", "browser": "IE5、N", "description": "当对象被鼠标拖动的对象离开其容器范围内时触发此事件", "category": "编辑事件" }, { "event": "ondragover", "browser": "IE5、N", "description": "当某被拖动的对象在另一对象容器范围内拖动时触发此事件", "category": "编辑事件" }, { "event": "ondragstart", "browser": "IE4、N", "description": "当某对象将被拖动时触发此事件", "category": "编辑事件" }, { "event": "ondrop", "browser": "IE5、N", "description": "在一个拖动过程中，释放鼠标键时触发此事件", "category": "编辑事件" }, { "event": "onlosecapture", "browser": "IE5、N", "description": "当元素失去鼠标移动所形成的选择焦点时触发此事件", "category": "编辑事件" }, { "event": "onpaste", "browser": "IE5、N", "description": "当内容被粘贴时触发此事件", "category": "编辑事件" }, { "event": "onselect", "browser": "IE4、N", "description": "当文本内容被选择时的事件", "category": "编辑事件" }, { "event": "onselectstart", "browser": "IE4、N", "description": "当文本内容选择将开始发生时触发的事件", "category": "编辑事件" }, { "event": "onafterupdate", "browser": "IE4、N", "description": "当数据完成由数据源到对象的传送时触发此事件", "category": "数据绑定" }, { "event": "oncellchange", "browser": "IE5、N", "description": "当数据来源发生变化时", "category": "数据绑定" }, { "event": "ondataavailable", "browser": "IE4、N", "description": "当数据接收完成时触发事件", "category": "数据绑定" }, { "event": "ondatasetchanged", "browser": "IE4、N", "description": "数据在数据源发生变化时触发的事件", "category": "数据绑定" }, { "event": "ondatasetcomplete", "browser": "IE4、N", "description": "当来子数据源的全部有效数据读取完毕时触发此事件", "category": "数据绑定" }, { "event": "onerrorupdate", "browser": "IE4、N", "description": "当使用onBeforeUpdate事件触发取消了数据传送时，代替onAfterUpdate事件", "category": "数据绑定" }, { "event": "onrowenter", "browser": "IE5、N", "description": "当前数据源的数据发生变化并且有新的有效数据时触发的事件", "category": "数据绑定" }, { "event": "onrowexit", "browser": "IE5、N", "description": "当前数据源的数据将要发生变化时触发的事件", "category": "数据绑定" }, { "event": "onrowsdelete", "browser": "IE5、N", "description": "当前数据记录将被删除时触发此事件", "category": "数据绑定" }, { "event": "onrowsinserted", "browser": "IE5、N", "description": "当前数据源将要插入新数据记录时触发此事件", "category": "数据绑定" }, { "event": "onafterprint", "browser": "IE5、N", "description": "当文档被打印后触发此事件", "category": "外部事件" }, { "event": "onbeforeprint", "browser": "IE5、N", "description": "当文档即将打印时触发此事件", "category": "外部事件" }, { "event": "onfilterchange", "browser": "IE4、N", "description": "当某个对象的滤镜效果发生变化时触发的事件", "category": "外部事件" }, { "event": "onhelp", "browser": "IE4、N", "description": "当浏览者按下F1或者浏览器的帮助选择时触发此事件", "category": "外部事件" }, { "event": "onpropertychange", "browser": "IE5、N", "description": "当对象的属性之一发生变化时触发此事件", "category": "外部事件" }, { "event": "onreadystatechange", "browser": "IE4、N", "description": "当对象的初始化属性值发生变化时触发此事件", "category": "外部事件" } ] }

相关工具

Mime Types常用对照表

Mime Types常用对照表

Mime Type常用对照表，快速查询文件类型与扩展名，支持Ctrl+F搜索，提升开发效率。

免费
HTTP请求方法对照表

HTTP请求方法对照表

HTTP请求方法查询工具，提供GET, POST等方法定义、用途及RFC规范。

免费
历史朝代公元对照表

历史朝代公元对照表

查询中国历代王朝纪年、都城、起讫时间及地理位置对照表。

免费
胎儿生长参数对照表

胎儿生长参数对照表

提供胎儿各孕周双顶径、头围、腹围、股骨长等生物学参数参考值，辅助评估胎儿生长发育。

免费
胎儿孕龄对照表

胎儿孕龄对照表

通过头臀长(CRL)、头围(HC)等超声测量数据，快速查询胎儿孕龄，覆盖孕早期到孕晚期，助您了解胎儿发育进程。

免费
JSON转Javascript类

JSON转Javascript类

在线将JSON数据结构转换为ES6 Javascript类代码，快速构建前端数据模型，提升开发效率和规范性。

免费
JSON转Javascript proptypes类

JSON转Javascript proptypes类

JSON数据结构转JavaScript PropTypes类，自动生成React属性校验代码，提升前端开发效率。

免费
A纸张标准尺寸查询

A纸张标准尺寸查询

查询A系列纸张标准尺寸，提供毫米/英寸对照表和图示。

免费

工具简介

“Javascript事件对照表”是一款便捷的在线工具，旨在帮助前端开发者快速查询各种JavaScript事件的详细信息。本工具将JavaScript事件按功能或类型进行分类，如“一般事件”、“页面相关事件”、“表单相关事件”、“滚动字幕事件”、“编辑事件”、“数据绑定”和“外部事件”，方便用户根据需求定位。每个事件都详细列出了其名称、兼容的浏览器版本（如IE3、N2等历史版本，提供参考）以及简明扼要的触发说明，是学习和回顾JavaScript事件机制的理想资源。

如何使用

  1. 打开工具：访问本在线工具页面。
  2. 浏览分类：页面中展示了不同类别的JavaScript事件表格，您可以根据事件所属的分类（如“一般事件”、“页面相关事件”）进行浏览。
  3. 快速查找：若要查找特定事件，可以使用键盘快捷键 CTRL+F（Mac用户为 CMD+F），在浏览器弹出的搜索框中输入事件名称（如“onclick”）或关键词进行快速查找。

输入参数格式：本工具无需用户输入参数，您只需直接浏览或通过浏览器搜索功能进行关键词查找即可。

输出结果格式：工具以结构化的表格形式展示查询结果，每行包含“事件”名称、“浏览器支持”版本和“说明”三个字段，清晰直观。

常见问题

  • 问：如何快速查找特定的JavaScript事件？
  • 答：您可以使用浏览器自带的搜索功能，通过快捷键 CTRL+F（或 CMD+F）唤出搜索框，然后输入事件名称或相关关键词即可。
  • 问：本工具提供的浏览器支持信息是否是最新的？
  • 答：本工具的浏览器支持信息主要基于早期浏览器版本（如IE3、N2），提供历史参考。对于现代浏览器，大部分事件的兼容性已大大提升。建议您在实际开发中，同时参考MDN Web Docs等最新权威资料，以获取最准确的浏览器兼容性数据。
  • 问：工具中的事件分类是固定的吗？
  • 答：是的，本工具根据事件的常见用途和触发场景，将其划分为一般事件、页面相关事件、表单相关事件等多个固定类别，方便用户按类别浏览和查找。

注意事项

  • 本工具主要作为一个快速参考和学习资源。由于Web技术发展迅速，表格中列出的浏览器支持版本（特别是早期IE和Netscape版本）仅为历史参考，现代浏览器的实际兼容性可能远超表格所示。
  • 在使用 CTRL+F 功能时，请注意这是浏览器的内置功能，其搜索结果将直接在当前页面高亮显示。
  • 本工具为只读性质，不提供编辑、添加或删除事件的功能。

评分

0 / 5

0 人评分

数据

浏览次数：2098

使用次数：2105

[object Object]
[object Object]
[object Object]