addEventListener non funziona in Chrome

Question

Sto seguendo un tutorial su Lynda.com sul nuovo modello di eventi DOM.

Questo è il codice con cui sto lavorando.

function addEventHandler(oNode, sEvt, fFunc, bCapture){ 

if (typeof (window.event) != "undefined") 
    oNode.attachEvent("on" + sEvt, fFunc); 
else 
    oNode.addEventListener(sEvt, fFunc, bCapture); 
} 

function onLinkClicked(e){ 
alert('You clicked the link'); 
} 

function setUpClickHandler(){ 
addEventHandler(document.getElementById("clickLink"), "click", onLinkClicked, false); 
} 


addEventHandler(window, "load", setUpClickHandler, false); 

sto aggiungendo che per l'evento click su questo link

<a href="#" title="click me" id="clickLink">Click Me!</a> 

Funziona perfettamente bene in IE, Firefox, Opra ma non in Chrome. Mi sono guardato intorno, ma non sono ancora riuscito a trovare qualcosa di specifico. Alcune domande simili ma non rispondono alla mia domanda.

ottengo il seguente errore dalla console Chrome

Uncaught TypeError: Object [object HTMLAnchorElement] has no method 'attachEvent' 

eventuali sugestions o un link per la risposta.

grazie in anticipo.

Answer 1

Perché stai testando:

if (typeof (window.event) != "undefined") 

... al fine di decidere se utilizzare attachEvent()? Chrome definisce window.event, quindi il tuo codice prova a utilizzare attachEvent() che non è definito.

prova invece il test per il metodo diretto:

if (oNode.attachEvent) 
    oNode.attachEvent("on" + sEvt, fFunc); 
else 
    oNode.addEventListener(sEvt, fFunc, bCapture);