HTML 进阶-第十六篇：HTML与JavaScript深度集成-事件处理高级技巧（二）

HTML 进阶-第十六篇：HTML与JavaScript深度集成-事件处理高级技巧（二）

自定义事件

创建和触发自定义事件

在JavaScript中，我们可以通过以下步骤创建和触发自定义事件：

1. 创建事件对象：使用document.createEvent('Event')方法创建一个新的事件对象。这里的'Event'参数指定了要创建的事件类型为通用事件。

2. 初始化事件：创建的事件对象需要通过initEvent方法进行初始化。initEvent方法接受三个参数：事件名称（字符串）、是否冒泡（布尔值）、是否可以取消（布尔值）。如果设置为true，事件将具有冒泡和可取消的特性。

3. 触发事件：使用dispatchEvent方法在指定的元素上触发事件。该方法接受一个事件对象作为参数，这个事件对象就是前面创建并初始化的自定义事件对象。

以下是一个