addEventListenerがChromeで動作しない

Question

新しいDOMイベントモデルについてLynda.comのチュートリアルに従っています。

これは私が作業しているコードです。

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

は、私は、このリンク

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

それはIE、Firefoxの、OPRAに完全に正常に動作しなくChromeの上でクリックイベントに追加しています。私は周りを見回しましたが、まだ特定のものを見つけることができませんでした。いくつかの同様の質問が、私の質問に答えることはありません。

私は

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

クロームコンソールから任意のsugestionsまたは回答へのリンクを次のエラーを取得します。

ありがとうございます。

Answer 1

なぜあなたがテストしている：

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

を... attachEvent()を使用するかどうかを決定するためには？ Chromeはwindow.eventを定義しているため、コードでは定義されていないattachEvent()を使用しようとしています。

ではなく、直接メソッドをテストしてみてください。

はっきり悪いチュートリアルだと

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