JavaScript DOM 事件模型

在编写交互式网页时，JavaScript 中的 DOM（文档对象模型）事件模型是一个重要的概念。DOM 事件模型允许开发人员对网页中的各种事件作出响应，例如鼠标点击、键盘按键、页面加载等。本文将详细介绍 DOM 事件模型，并提供相应的源代码示例。

DOM 事件模型由三个主要的组成部分组成：事件、事件目标和事件处理程序。事件是发生在网页中的某个特定时刻的动作或状态变化，例如鼠标点击、键盘按键等。事件目标是事件发生的对象，可以是整个文档、文档中的特定元素或其他 DOM 对象。事件处理程序是一个函数，用于指定当特定事件发生时要执行的代码。

在 JavaScript 中，我们可以使用 addEventListener 方法来为特定的事件目标添加事件处理程序。该方法接受两个参数：要监听的事件类型和事件处理程序的函数。下面是一个示例，展示如何在按钮被点击时触发事件处理程序：

// 获取按钮元素
var button = document.getElementById('myButton')