Y para que no tengas que utilizar varias condiciones en el caso de que desearas delegar los eventos que aplicarás en elementos de varios contenedores, en lugar de delegarlos a la ventana, hazlo con los contenedores.
Por ejemplo, supongamos que tengo el
<div> de
id 'foo' y en él cargaré N imágenes que luego deseo afectar, entonces, la delegación sería así:
Código Javascript
:
Ver originaldocument.querySelector("#foo").addEventListener("click", function(event){
if (event.target.className == "laClase"){
event.target.style.opacity = 0.75;
}
}, false);
Y si tuviera otros contenedores en donde cargaré otros elementos a los cuales afectaré con otros eventos y efectos, tendrías que escribir otro bloque similar de código.
Saludos