javascript – IE的attachEvent中有什么’this’

前端之家收集整理的这篇文章主要介绍了javascript – IE的attachEvent中有什么’this’前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我厌倦了编写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中的’this’是什么?

解决方法

在由特定于IE的attachEvent方法绑定的事件处理程序中,这引用了全局窗口对象
btn.attachEvent('onclick',function(event) {
    alert(this === window); // true
}

相反,在由标准addEventListener方法绑定的事件处理程序中,这指的是触发事件处理程序的DOM元素.

猜你在找的JavaScript相关文章