事件
一句话解释
事件是浏览器或节点上发生的可被监听的动作,如用户点击、按键、页面加载完成、网络请求结束。
用大白话说
事件(event)是浏览器里发生的、你的代码可以“感知”并响应的事情。用户点了按钮——这是一个 click 事件;按了键盘——是一个 keydown 事件;页面加载完——是 DOMContentLoaded 事件。
事件驱动是 JS 在浏览器里工作的核心模式:代码不是主动去“问”用户做了什么,而是“订阅”事件,等事件发生时浏览器会通知你,你预设的处理函数(事件监听器)就自动运行。
常见事件类型:
- 鼠标:
click、dblclick、mouseenter、mouseleave - 键盘:
keydown、keyup - 表单:
input、change、submit - 窗口:
load、resize、scroll
理解事件和事件监听器,是写任何交互式网页的前提。
示例
javascript
document.querySelector("button")
.addEventListener("click", (event) => {
console.log("按钮被点了", event.target);
});监听按钮的 click 事件。事件发生时,浏览器调用处理函数,并传入一个 event 对象,里面有事件详情。
工作原理
- 用户做了某个动作(点击、按键等)
- 浏览器生成一个事件对象,包含事件详情
- 浏览器找到所有监听这个事件的函数
- 依次调用这些处理函数,把事件对象传给它们
相关术语
相关资源
相关课程
- DOM 课程
事件是 DOM 交互的核心
学习基础知识
通过结构化课程深入理解这个主题。
解读错误信息
用大白话解释常见错误——什么意思、为什么发生、如何修复。