addEventListener en Internet Explorer

John Resig, autor de jQuery, presentó su versión de la implementación entre navegadores de addEvent y removeEvent para eludir los problemas de compatibilidad con addEventListener impropio o inexistente de IE.

function addEvent( obj, type, fn ) {
  if ( obj.attachEvent ) {
    obj['e'+type+fn] = fn;
    obj[type+fn] = function(){obj['e'+type+fn]( window.event );}
    obj.attachEvent( 'on'+type, obj[type+fn] );
  } else
    obj.addEventListener( type, fn, false );
}
function removeEvent( obj, type, fn ) {
  if ( obj.detachEvent ) {
    obj.detachEvent( 'on'+type, obj[type+fn] );
    obj[type+fn] = null;
  } else
    obj.removeEventListener( type, fn, false );
}

Fuente: http://ejohn.org/projects/flexible-javascript-events/

Estoy usando esta solución y funciona en IE8 o superior.

if (typeof Element.prototype.addEventListener === 'undefined') {
    Element.prototype.addEventListener = function (e, callback) {
      e = 'on' + e;
      return this.attachEvent(e, callback);
    };
  }

Y luego:

<button class="click-me">Say Hello</button>

<script>
  document.querySelectorAll('.click-me')[0].addEventListener('click', function () {
    console.log('Hello');
  });
</script>

Esto funcionará tanto IE8 como Chrome, Firefox, etc.

Como dijo Delan, desea usar una combinación de addEventListener para las versiones más nuevas y attachEvent para las más antiguas.

Encontrará más información sobre los oyentes de eventos en MDN. (Tenga en cuenta que hay algunas advertencias con el valor de 'this' en su oyente).

También puede usar un framework como jQuery para abstraer el manejo de eventos por completo.

$("#someelementid").bind("click", function (event) {
   // etc... $(this) is whetver caused the event
});

Aquí hay algo para aquellos que les gusta el código hermoso.

function addEventListener(obj,evt,func){
    if ('addEventListener' in window){
        obj.addEventListener(evt,func, false);
    } else if ('attachEvent' in window){//IE
        obj.attachEvent('on'+evt,func);
    }
}

Descaradamente robado de Iframe-Resizer.

addEventListener es compatible desde la versión 9 en adelante; para versiones anteriores use la función attachEvent algo similar.

EDITAR

Escribí un fragmento que emula la interfaz EventListener y la ie8, es llamable incluso en objetos planos: https://github.com/antcolag/iEventListener/blob/master/iEventListener.js

ANTIGUA RESPUESTA

Esta es una forma de emular addEventListener o attachEvent en navegadores que no admiten uno de esos
la esperanza ayudará

(function (w,d) {  // 
    var
        nc  = "", nu    = "", nr    = "", t,
        a   = "addEventListener",
        n   = a in w,
        c   = (nc = "Event")+(n?(nc+= "", "Listener") : (nc+="Listener","") ),
        u   = n?(nu = "attach", "add"):(nu = "add","attach"),
        r   = n?(nr = "detach","remove"):(nr = "remove","detach")
/*
 * the evtf function, when invoked, return "attach" or "detach" "Event" functions if we are on a new browser, otherwise add "add" or "remove" "EventListener"
 */
    function evtf(whoe){return function(evnt,func,capt){return this[whoe]((n?((t = evnt.split("on"))[1] || t[0]) : ("on"+evnt)),func, (!n && capt? (whoe.indexOf("detach") < 0 ? this.setCapture() : this.removeCapture() ) : capt  ))}}
    w[nu + nc] = Element.prototype[nu + nc] = document[nu + nc] = evtf(u+c) // (add | attach)Event[Listener]
    w[nr + nc] = Element.prototype[nr + nc] = document[nr + nc] = evtf(r+c) // (remove | detach)Event[Listener]

})(window, document)

Usaría estos polyfill https://github.com/WebReflection/ie8

<!--[if IE 8]><script
  src="//cdnjs.cloudflare.com/ajax/libs/ie8/0.2.6/ie8.js"
></script><![endif]-->