Skip to content

事件

一句话解释

事件是浏览器或节点上发生的可被监听的动作,如用户点击、按键、页面加载完成、网络请求结束。

用大白话说

事件(event)是浏览器里发生的、你的代码可以“感知”并响应的事情。用户点了按钮——这是一个 click 事件;按了键盘——是一个 keydown 事件;页面加载完——是 DOMContentLoaded 事件。

事件驱动是 JS 在浏览器里工作的核心模式:代码不是主动去“问”用户做了什么,而是“订阅”事件,等事件发生时浏览器会通知你,你预设的处理函数(事件监听器)就自动运行。

常见事件类型:

  • 鼠标clickdblclickmouseentermouseleave
  • 键盘keydownkeyup
  • 表单inputchangesubmit
  • 窗口loadresizescroll

理解事件和事件监听器,是写任何交互式网页的前提。

示例

javascript
document.querySelector("button")
  .addEventListener("click", (event) => {
    console.log("按钮被点了", event.target);
  });

监听按钮的 click 事件。事件发生时,浏览器调用处理函数,并传入一个 event 对象,里面有事件详情。

工作原理

  1. 用户做了某个动作(点击、按键等)
  2. 浏览器生成一个事件对象,包含事件详情
  3. 浏览器找到所有监听这个事件的函数
  4. 依次调用这些处理函数,把事件对象传给它们

相关术语

相关资源

相关课程

学习基础知识

通过结构化课程深入理解这个主题。

查看课程

解读错误信息

用大白话解释常见错误——什么意思、为什么发生、如何修复。

查看错误

← 返回术语表