事件简介

到目前为止，你的 JavaScript 代码是从一开始就直接执行的。语句的执行顺序是预先确定的，唯一的输入来自用户通过 prompt() 调用的交互。

为了增加更多的交互性，页面需要响应用户的操作：点击按钮、填写表单等。在这种情况下，语句的执行顺序不再预先确定，而是取决于用户的实际行为。用户的操作会触发事件，而这些事件可以通过编写 JavaScript 代码来处理。这种编程方式称为事件驱动编程。它常用于用户界面，更广泛地说，任何需要与用户进行交互的程序都会使用这种方式。

第一个示例

以下是初始的 HTML 代码和对应的 JavaScript 代码。

添加事件监听器

在 DOM 元素上调用 addEventListener() 方法，可以为某个特定事件添加一个处理函数。该方法接收两个参数：事件类型和对应的函数。每当该 DOM 元素出现相应类型的事件时，这个函数就会被调用。

上面的 JavaScript 代码可以使用匿名函数更简洁地重写，效果完全相同。

移除事件监听器

在某些特殊情况下，你可能希望停止对某个 DOM 元素的事件响应。为此，可以在该元素上调用 removeEventListener()，并传入之前用于处理事件的函数。

这只有在处理函数不是匿名函数时才有效。