即使事件由其子元素触发，如何仅在父元素上执行回调？

如何解决即使事件由其子元素触发，如何仅在父元素上执行回调？

我正在开发一款聊天应用。每个聊天元素都有自己的子元素。所有聊天都在 chatContainer 内。

现在，如果我将事件侦听器添加到 chatContainer，我如何仅在父元素（聊天）上执行回调，即使该事件是由其子元素之一（chatChild )？

解决方法

您可以使用 closest 从目标（已触发事件的元素）获取父级。

假设您的聊天元素有一个 chat 类。代码应该是这样的

chatContainer.addEventListener('the_event_of_your_choise',event => {
    chat = event.target.closest('.chat');
    // …

});