封裝一個事件綁定函數(shù)

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

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

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

因此封裝綁定函數(shù)就可以調(diào)用call，這樣來做

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

再進一步用三目運算優(yōu)化就可以這樣做

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

搞定

?

轉(zhuǎn)載于:https://www.cnblogs.com/thinksley/archive/2012/11/28/2792258.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。