event 事件对象
最后更新：2026-09-09
event 事件对象 事件对象
事件对象包含事件的所有信息：触发元素（target）、事件类型（type）、鼠标坐标等。监听器回调的第一个参数。
| 分类 | DOM 操作 |
|---|---|
| ES 版本 | DOM |
📝 语法
元素.addEventListener('click', (event) => { event.target; });返回值：事件对象（自动传入回调）。
是否修改原值：否（返回新值）
▶ 示例
编辑下方代码，点击运行，在输出面板查看结果：
运行结果：
click
[HTMLButtonElement]
0💡 提示 event.preventDefault() 阻止默认行为（如表单提交、链接跳转）。
ℹ️ info event.target 是实际触发事件的元素；event.currentTarget 是绑定监听器的元素。
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| event 事件对象 | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有现代浏览器均支持 | |||||
🏷️ 相关条目
💡 相关案例
更多实战案例即将上线，敬请期待。
📚 相关教程
❓ 常见问题
Qevent.target 和 event.currentTarget 的区别？
Atarget 是实际被点击的元素；currentTarget 是绑定监听器的元素（事件委托时不同）。
QpreventDefault 和 stopPropagation 的区别？
ApreventDefault 阻止浏览器默认行为；stopPropagation 阻止事件冒泡到父元素。
Q事件冒泡是什么？
A事件从子元素向上传播到父元素——直到 document。
