Web 应用程序的三大支柱如下：
- 操作 DOM
- 识别 JavaScript 事件
- 与服务器通信
今天我们将关注第二个支柱：识别 JavaScript 事件
JavaScript 事件由两部分组成。第一个称为**“事件侦听器”。您可能在浏览 Internet 时使用了许多事件侦听器，甚至都不知道。事件监听器是用户的一个动作**——它是发生的事情。计算机等待或**“侦听”此操作的发生。就像聆听来自远处雪山山脉的友好呼喊或回声。您可能非常熟悉的一个非常常见的事件侦听器是'click'**。
当您单击网站上的按钮时，这实质上是现在要执行的命令。这给我们带来了识别 JavaScript 事件的第二部分：' handlers'。处理程序是当事件侦听器告诉它更改时应该发生的更改。
一个简单的例子是从您的计算机中删除照片。首先，您将单击删除按钮。这样做将是操作该计算机在等待。它正在“听”那个命令。一旦它听到事件监听器的命令，计算机就会执行删除您的照片。该删除的非常行为的照片是事件“处理程序”。
让我们组合整个元素，看看它是什么样子：
我们的 JavaScript 事件有两个参数，每个参数接受一个参数。第一个参数是“侦听器”，第二个参数是“处理程序”。但是，首先，我们需要将我们的事件侦听器和处理程序附加到一个HTML 元素。所以让我们抓住这些元素。对于我们的第一个元素，让我们选择从通用 HTML 中获取一个通用删除按钮，其 id 为“delete-btn”，并将其放置在名为“deleteButton”的变量中。对于我们的第二个元素，让我们抓取我们想要删除的内容，在这种情况下将是一个图像。那看起来像这样：
现在我们可以继续将事件侦听器添加到我们的 deleteButton 变量中：
然后我们需要添加我们想要“监听”的动作或监听器。在这种情况下，我们要监听“点击”：
接下来，我们要包含我们想要在“点击”发生后执行的内容。请记住，这称为我们的事件处理程序。
概括：
JavaScript 事件是用户与 Web 应用程序交互以更改 DOM 的一种方式。JavaScript 事件必须首先附加到 HTML 元素。然后事件接受两个参数：事件侦听器和事件处理程序。侦听器是计算机正在“侦听”的“动作”。例如，计算机可能正在等待单击或按键发生。事件处理程序是在事件侦听器（如单击）发生后发生的事情。处理程序执行一些更改 DOM 的操作。
