Cuando tengas que asignar una misma función a varios elementos, ya sea que estos sean estáticos o dinámicos, lo conveniente es delegar al elemento que contendrá a dichos elementos o a un elemento ancestro de los mismos, el evento que disparará la ejecución de la función.
Código Javascript
:
Ver originaldocument.addEventListener("evento", function(event){
if (event.target.className == "clase"){
//Instrucciones
}
}, false);
De esta forma, detectamos la ejecución del evento en el documento, pero puede ser en otro elemento ancestro de los elementos a los cuales deseas afectar. Mediante la propiedad
target del objeto del evento, puedes tomar al elemento que ha sido afectado directamente por el evento. Una vez hecho esto, tomas a la clase del elemento en cuestión y la comparas con la que asignaste a los elementos estáticos o dinámicos y, si es la misma, ejecutas las acciones que desees.
Para casos así, es conveniente utilizar una clase que identificadores únicos.
Un saludo