昨天寫一個函數的時候，后來用了事件綁定，開始沒在IE下測試，在chrome下都是沒問題的。后來在IE下測試發現出錯。

后來修改一下，發現oBox.οnclick=function(){}沒問題，而addEven(oBox, "click", function(){})在IE下就出錯。

再后來發現居然在IE下的this居然是window。。。

在群里問了一下兼容性解決辦法，再搜索一下，找到下面的一個博文

封裝一個事件綁定函數

function addEven(obj,type,fn)
{
? ?if(obj.attachEvent)
?{
?? obj.attachEvent('on'+type,fn);?
? }
?else
?{
?? obj.addEventListener(type,fn,false);?
?}
}

在ie下彈出this的時候不會彈出標簽對象本身，而是彈出window，先來看看call()方法：函數的調用如a();實際上等同于a.call();

例如有這樣一個函數function a(){alert(this)}? 這時結果是window，如果這樣調用a.call('aaa');會彈出aaa，也就是說call里面的變量會改變函數this的值。

因此封裝綁定函數就可以調用call，這樣來做

function addEven(obj,type,fn)
{
? ?if(obj.attachEvent)
?{
?? obj.attachEvent('on'+type,function(){
????? fn.call(obj)//里面的this的值變成obj 變成當前調用的標簽對象
??? });?
??? }
?else
?{
?? obj.addEventListener(type,fn,false);?
?}
}

再進一步用三目運算優化就可以這樣做

function addEven(obj,type,fn)
{
? return obj.attachEvent ? obj.attachEvent('on'+type,function(){fn.call(obj)}) : obj.addEventListener(type,fn,false);?
}

轉自：http://www.cnblogs.com/thinksley/archive/2012/11/28/2792258.html

轉載于:https://www.cnblogs.com/kendyjack/archive/2012/12/05/2802480.html

總結

以上是生活随笔為你收集整理的事件绑定在IE下this是window的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。