IEのattachEventで 'これ'とは何か

Question

jQueryを書くことに飽き飽きしていますので、生のJavaScriptを学ぶことにしました。 IEのattachEventの何かが私を混乱させました。ここにコードがあります。

var btn = document.getElementById('myBtn'); 

btn.onclick = function(){ 
    alert(window.event.srcElement === this); //true, I know why. 
}; 

btn.attachEvent('onclick', function(event){ 
    alert(event.srcElement === this); //fasle, but why? 
}); 

私はIEの内蔵デバッグツールを使用しようとするが、それは単に「これは」オブジェクトですが、より多くの何も... はそうIEのattachEventで「この」何ていないことを私に言いましたか？

Answer 1

グローバルwindowオブジェクトを参照：これとは対照的に

btn.attachEvent('onclick', function(event) { 
    alert(this === window); // true 
} 

、標準addEventListener方法、thisによって結合イベントハンドラ内を指しイベントハンドラがトリガされたDOM要素。

Answer 2

これはコンテキスト参照であり、その時点で存在する唯一のコンテキストであるため、クリックイベントが発生したときの参照ウィンドウです。

Answer 3

私はスペルミスペル1単語だと思います。

    btn.attachEvent('onclick', function(event){ 
      alert(event.**srcElement** === this); 
    }); 

対応する関数addEventListenerをchromeおよびffでテストしたところ、どちらもtrueを返しました。

IE doはfalseを返します。おそらく、IEがbtn.onclick = fnを扱うからです。とbtn.attachEvent（）を別の方法で実行します。 IEは、グローバル値（ウィンドウ）をbtn.attachEvent（）メソッドに渡します。 これをテストすることができます===ウィンドウ、trueを返します。

何かについてのコメントはありますか？ IE固有attachEvent方法、thisによって結合イベントハンドラ内