超级会员免费看
JavaScript 事件处理与异步编程：从基础到实践
1. 异步编程与事件处理概述
在传统的代码编写中，我们通常采用从上到下的线性方式，按照算法步骤逐步编写代码。然而，JavaScript 代码更多地是为了响应各种事件而编写的。在浏览器中，当页面被检索和显示后，背后会发生许多事情，如用户点击按钮、鼠标移动、网络数据到达、窗口大小改变、定时器触发等，这些都会触发相应的事件。
以下是浏览器在后台可能执行的一些任务列表：
- 知道页面何时完全加载并显示。
- 监视所有鼠标移动。
- 跟踪对页面的所有点击，无论是按钮、链接还是其他地方。
- 监视时钟并管理定时器和定时事件。
- 知道用户何时提交表单。
- 知道用户何时按下键盘上的键。
- 跟踪页面何时被调整大小或滚动。
- 知道元素何时获得用户界面焦点。
- 为页面检索额外的数据。
每当有事件发生时，我们就有机会编写代码来处理它。例如，当按钮点击事件发生时，我们可能想向播放列表中添加一首新歌；当新数据到达时，我们可能想处理并在页面上显示它；当定时器触发时，我们可能想告诉用户前排音乐会门票的保留即将到期。
2. 事件处理程序
事件处理程序是用于处理事件的代码片段，通常是一个函数。当事件发生时，其处理程序函数会被调用。要使处理程序在事件发生时被调用，我们首先需要注册它。不同类型的事件有不同的注册方式。
下面是一个处理页面完全加载事件的简单示例：
<!doctype html>
<html la
订阅专栏 解锁全文
扫一扫
624
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
