Javascript "no obstrusivo"

[mnocturno]

Vaya palabrita, ¿no sería mejor "intrusivo" ?

Bueno, a lo que voy. Separando como al parecer mandan los actuales cánones totalmente el js del html, me queda una duda digamos... "de concepto".

Tengo una función donde asigno funciones a eventos de tal manera que:

Código Javascript:

elemento=document.getElementById("elemento");
elemento.onclick=function() { ...
elemento.onmouseover=function {...
elemento.onmouseout=function {...
...
...
 

Hasta aquí bien, y funciona perfectamente. Pero leyendo, me encuentro con el tema de los "escuchadores":

Código Javascript:

elemento.addEventListener("click", función, false)
elemento.attachEvent("onclick",función) para IE.
 

Muy bien. A parte de que esto último no me funciona, pero esto sería otro tema, ¿cual es la diferencia entre usar una manera u otra? ¿Cual es mejor o cual es la diferencia en el uso para decantarse por una u otra según los casos?

[jp91]

cual seria el mejor y el peor creo que eso depende, de que depende? de la compatibilidad , el uso que quieras dar, onclick es una propiedad y facilmente puede ser sobreescrita si se usa muchas veces, mientras que con addEventListener puede asignar un unico evento al elemento.

[PHPeros]

La W3C recomienda el uso de add/removeEventListener. Una de sus ventajas es que puedes asociar más de un listener para el mismo elemento del DOM, mientras que con la propiedad "onclick" solo puedes establecer un único handler del evento.

[mnocturno]

Ok, comprendido.

Probaré, porque así en un primer acercamiento, no me funcionaba los addEventListener/attachEvent.

Cuando lo pruebe, si no me sale, ya comento en este hilo.

Muchas gracias.