Como ya lo he dicho en repetidas ocasiones, la mejor manera de registrar un evento y un mismo
handler en varios elementos, es delegando el evento a cualquiera de los elementos ancentros de los elementos a afectar. Por ejemplo, puedes delegarlo al documento y, mediante la propiedad
target del
objeto del evento, capturar al elemento en el cual se produjo el evento (elemento objetivo), verificar que su clase sea la que asignamos a los elementos en cuestión y, de cumplirse la condición, se procederá a ejecutar las instrucciones respectivas:
Código Javascript
:
Ver originaldocument.addEventListener("evento", function(event){
if (event.target.className == "clase"){
//Instrucciones
}
}, false);
Es mucho más eficiente hacerlo así que recorriendo al conjunto de elementos e ir delegando el evento a cada uno de ellos. Además, esta forma también es útil para cuando se desea trabajar con elementos dinámicos.
Un saludo