封裝一個事件綁定函數

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

搞定

?

轉載于:https://www.cnblogs.com/thinksley/archive/2012/11/28/2792258.html

總結

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

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