阐述JavaScript事件委托是什么 ？
事件委托是一种 JavaScript 中的事件处理模式，它利用了事件冒泡的机制，将事件监听器添加到一个父元素上，而不是分别添加到各个子元素上。当触发子元素上的事件时，通过冒泡，事件会传播到父元素，然后在父元素上的监听器处理这个事件。
事件委托有以下几个优点：
- 提高性能：如果有许多子元素需要监听同一事件，那么在每个子元素上单独添加事件监听器将会消耗大量性能。而通过在父元素上添加一个事件监听器来处理所有子元素的事件，可以显著提高性能。
-
处理动态元素：如果在运行时添加了新的子元素，那么这些新元素自动继承了父元素的事件监听器。这对于处理动态添加的元素非常有用，否则你需要在添加新元素时，再次为新元素绑定事件。
以下是一个事件委托的例子：
// 获取父元素
let parentElement = document.getElementById('parent');
// 在父元素上添加事件监听器
parentElement.addEventListener('click', function(event) {
// 检查事件的目标元素是否是我们关心的子元素
if (event.target && event.target.nodeName === 'LI') {
console.log('List item clicked:', event.target.textContent);
}
});
在这个例子中，我们在父元素（可能包含许多子元素）上添加了一个 click 事件监听器，而不是在每个子元素上单独添加。当点击子元素时，事件会冒泡到父元素，然后在父元素上的监听器处理这个事件。