js,定义和触发，自定义事件

在JavaScript中，自定义事件是一种允许开发者创建并控制应用程序中特定动作的方式。它并不是浏览器原生提供的事件类型，而是由开发者自行定义的行为。以下是定义和触发自定义事件的基本步骤：

**定义**:
1. 定义事件：
- 创建一个新的Event对象，或者使用`CustomEvent()`构造函数，指定事件名称和可能携带的数据（如事件详情）。

   let myCustomEvent = new CustomEvent('myCustomEvent', {
     detail: { keyData: 'value' }, // 可选数据
     bubbles: true, // 是否冒泡，默认true
     cancelable: true // 是否可以阻止默认行为，默认false
   });

2. 添加事件监听器：
- 使用`addEventListener`方法在元素上注册自定义事件的监听器。

   element.addEventListener('myCustomEvent', function(event) {
     console.log(event.detail.keyData); // 访问事件数据
   }, false);

**触发**:
1. 触发事件：
- 使用`dispatchEvent`方法在需要引发事件的元素上调用，传递我们之前定义的自定义事件对象。

   element.dispatchEvent(myCustomEvent);