addEventListener nie działa w Chrome

Question

Podążam za tutorialem na stronie Lynda.com o nowym modelu zdarzenia DOM.

To jest kod, nad którym pracuję.

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); 

dodaję go do zdarzenia kliknij na ten link

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

To działa perfekcyjnie w IE, Firefox, OPRA ale nie w Chrome. Rozejrzałem się, ale nie udało mi się znaleźć niczego konkretnego. Niektóre podobne pytania, ale nie odpowiada na moje pytanie.

pojawia się następujący błąd w konsoli Chrome

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

jakieś sugestie lub link do odpowiedzi.

z góry dzięki.

Answer 1

Czemu testowanie:

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

... w celu podjęcia decyzji, czy użyć attachEvent()? Chrome definiuje window.event, więc twój kod próbuje użyć attachEvent(), który nie jest zdefiniowany.

Spróbuj zamiast testowania dla metody bezpośrednio:

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