La delegación de eventos es una técnica de programación que consiste en adjuntar oyentes de eventos a un solo elemento padre, en lugar de a cada uno de los elementos hijos individuales. Esto puede mejorar el rendimiento y simplificar el código.
appNode.addEventListener('click', (event) => {
if(event.target.nodeName === 'H2'){
window.alert("Hola");
}
});
<aside> 💡 La delegación de eventos es útil cuando hay muchos elementos hijos que necesitan el mismo oyente de eventos. Al adjuntar el oyente al elemento padre, se reduce el código y mejora el rendimiento. En el ejemplo, se muestra cómo utilizar la delegación de eventos para desencadenar una alerta cuando se hace clic en un elemento hijo específico (en este caso, un elemento h2).
</aside>