前端面试题 - 77. js中自定义事件的使用与触发

在JavaScript中，可以使用自定义事件来实现更灵活的代码逻辑和通信方式。

首先，要创建自定义事件，需要使用 EventTarget 接口来定义一个新事件。例如：

const myEvent = new Event('myCustomEvent');

接下来，我们需要给一个 DOM 元素添加自定义事件监听器。可以使用 addEventListener 方法来为元素添加特定类型的事件监听器，并在事件触发时执行回调函数。例如：

document.addEventListener('myCustomEvent', function(event) {
  console.log('Custom event fired:', event);
});

然后，在代码中的任何其他位置，可以通过调用 dispatchEvent 方法来触发自定义事件。例如：

document.dispatchEvent(myEvent);

当事件被触发时，注册的事件监听器就会被调用，并且传递给该监听器的事件对象包含有关事件本身的信息。

自定义事件提供了一种更灵活、可扩展的方式来在应用程序中进行通信和交互。它们可以帮助开发人员编写更清晰、模块化的代码，并促进代码的重用和维护性。