JavaScript事件表,浏览器兼容性参考

JavaScript事件表,浏览器兼容性参考 | 工具匠

概览

功能与专业说明

了解工具能解决的问题、计算或处理逻辑，以及数据边界。

这张事件表收录了什么

页面提供一份含 63 条记录的静态事件索引，分为一般事件、页面相关事件、表单相关事件、滚动字幕事件、编辑事件、数据绑定和外部事件 7 类。每行给出四项信息：分类、以 on 开头的事件处理器名称、历史浏览器标记以及简短触发说明。它适合查找 onclick、onload、onsubmit、ondragstart 等旧式属性名，也能作为阅读早期网页代码时的术语对照。

表中的“IE3、N2”之类标记记录的是 Internet Explorer 与 Netscape 早期版本语境，不是当代浏览器兼容性结论。表内还包含 onbounce、onfilterchange、onpropertychange、早期数据绑定事件等历史或特定实现条目，因此不能把 63 行理解为现代标准事件的完整清单。

事件类型与 on 前缀的关系

onclick 是事件处理器属性名，而传给 addEventListener 的类型字符串通常写成 click；同理，onload 对应 load，onsubmit 对应 submit。事件发生后，监听函数会收到事件对象，可从中读取目标、类型以及特定事件接口提供的信息。

element.addEventListener("click", handler)
element.onclick = handler

两种写法都能注册处理逻辑，但前者可为同一目标添加多个监听器，并支持捕获阶段、只执行一次或通过信号统一移除等选项。是否能在某个元素上使用某事件，还取决于事件目标和对应规范，不能只看名称。

WHATWG《DOM Standard》：支持事件对象、EventTarget 与监听器注册机制；动态标准，2026-09-22 核验。
MDN《DOM events》：支持现代事件类别及处理器注册方式说明；2026-09-22 核验。

指南

使用方法与操作示例

按步骤完成操作，并通过示例核对输入与结果。

用搜索、排序和列显示定位条目

输入事件名或触发描述
在表格搜索框输入 onmouseover、表单、剪贴 等文本，结果会按各列内容进行筛选。搜索不到时可去掉 on 前缀再检查描述，但不要据此推断事件一定不存在。
按列排序
点击“分类”“事件”“浏览器支持”或“说明”的列头切换排序，适合把同类记录集中查看。列显示菜单可以暂时隐藏不需要的字段。
翻页核对全部结果
表格按页展示，需通过上一页、下一页继续浏览。筛选后的行数会随搜索条件变化；若需要带走表格，可查看页面提供的导出入口及当前可用条件。

把旧式名称改写成监听器代码

例如表中找到 onsubmit 后，现代代码常把 submit 作为类型字符串：

const form = document.querySelector("form");
form.addEventListener("submit", (event) => {
  event.preventDefault();
  // 校验并处理表单
});

这里的转换规则只说明名称形式，不保证每个历史条目都有现代等价物。诸如滚动字幕、旧式数据绑定或厂商特有事件，应再查对应元素的当前规范与浏览器文档。

场景

适用场景

查看这项工具在不同工作与生活流程中的用法。

适合把它放在哪些工作流里

阅读旧网页源码

维护者遇到内联的 onbeforecopy、onreadystatechange 等名称时，可先从表内确认历史说明，再决定是否迁移到当前 API。

事件入门练习

学习者可以按鼠标、键盘、表单和页面加载分组建立词汇表，并用小型页面验证 click、keydown、focus 与 submit 的触发顺序。

代码审查前的快速检索

审查 HTML 属性或脚本中的事件名时，先确认拼写和大致用途；兼容性、可访问性与事件目标仍应回到最新规范逐项检查。

问答

常见问题

集中解答高频疑问与容易混淆的问题。

名称、兼容性与查找问题

onclick 和 click 是两个不同事件吗？

通常不是。onclick 是处理器属性名，click 是事件类型字符串；分别常见于属性赋值与 addEventListener 调用。

表里的 IE3、N2 还能代表 Chrome、Safari 或 Firefox 吗？

不能。这些是早期浏览器版本标记，只能提供历史背景；现代支持情况需要按事件、目标元素和当前浏览器版本另行核对。

为什么常见的 pointer、touch 或 animation 事件不在表中？

因为这是一份固定的历史清单，不是持续更新的现代 Web 事件全集。当前平台还有指针、触摸、动画、媒体、网络等更多事件类别。

能否把所有 on 前缀都直接删掉后交给 addEventListener？

对 onclick、onload、onsubmit 等常见名称通常成立，但历史、非标准或特定对象条目不能机械套用；应确认事件是否仍被目标对象支持。

须知

注意事项与功能局限

使用前了解适用范围、结果限制与必要提醒。

把这份表当作历史索引，而不是兼容性数据库

表格内容是静态资料，既不会检测当前浏览器，也不包含版本区间、移动端差异、实验性状态或弃用状态。不要依据一行旧版本标记直接决定生产代码兼容范围。

部分描述沿用早期网页术语，触发时机可能比文字概括更复杂，例如 change 会受控件类型和交互方式影响。
键盘、鼠标和焦点事件还涉及输入法、辅助技术与不同设备；只监听单一事件可能遗漏触控或键盘路径。
内联 on* 属性会把行为混入标记。新代码通常更适合在脚本中注册监听器，但迁移前要保留原有执行顺序、默认行为与冒泡逻辑。
表格检索结果只表示该静态数据中存在匹配文本，不证明名称符合现行标准，也不证明目标环境支持。

JavaScript事件表