JS 事件綁定函數(shù)代碼
更新時(shí)間:2010年04月28日 19:18:30 作者:
JS 事件綁定函數(shù)代碼,解決了瀏覽器兼容,現(xiàn)在可以兼容IE6 7 8 FF 谷歌
主要解決了
瀏覽器兼容,現(xiàn)在可以兼容IE6 7 8 FF 谷歌(廢話(huà))
IE瀏覽器里,this指向問(wèn)題。
直接上代碼吧!
var bind=function(object,type,fn){
if(object.attachEvent){//IE瀏覽器
object.attachEvent("on"+type,(function(){
return function(event){
window.event.cancelBubble=true;//停止時(shí)間冒泡
object.attachEvent=[fn.apply(object)];//----這里我要講的是這里
}
})(object),false);
}else if(object.addEventListener){//其他瀏覽器
object.addEventListener(type,function(event){
event.stopPropagation();//停止時(shí)間冒泡
fn.apply(this)
});
}
}
//下面是給AAA這個(gè)ID添加了一個(gè)click事件
bind(document.getElementById("aaa"),"click",function(){alert("這是你點(diǎn)擊的按鈕的ID"+this.id+"這是綁定的第1個(gè)函數(shù)")});
bind(document.getElementById("aaa"),"click",function(){alert("這是你點(diǎn)擊的按鈕的ID"+this.id+"這是綁定的第2個(gè)函數(shù)")});
代碼很簡(jiǎn)單,不用多解釋。用用就知道了。呵呵。
瀏覽器兼容,現(xiàn)在可以兼容IE6 7 8 FF 谷歌(廢話(huà))
IE瀏覽器里,this指向問(wèn)題。
直接上代碼吧!
復(fù)制代碼 代碼如下:
var bind=function(object,type,fn){
if(object.attachEvent){//IE瀏覽器
object.attachEvent("on"+type,(function(){
return function(event){
window.event.cancelBubble=true;//停止時(shí)間冒泡
object.attachEvent=[fn.apply(object)];//----這里我要講的是這里
}
})(object),false);
}else if(object.addEventListener){//其他瀏覽器
object.addEventListener(type,function(event){
event.stopPropagation();//停止時(shí)間冒泡
fn.apply(this)
});
}
}
//下面是給AAA這個(gè)ID添加了一個(gè)click事件
bind(document.getElementById("aaa"),"click",function(){alert("這是你點(diǎn)擊的按鈕的ID"+this.id+"這是綁定的第1個(gè)函數(shù)")});
bind(document.getElementById("aaa"),"click",function(){alert("這是你點(diǎn)擊的按鈕的ID"+this.id+"這是綁定的第2個(gè)函數(shù)")});
代碼很簡(jiǎn)單,不用多解釋。用用就知道了。呵呵。
您可能感興趣的文章:
- JS 事件綁定、事件監(jiān)聽(tīng)、事件委托詳細(xì)介紹
- Javascript 事件流和事件綁定
- javaScript 事件綁定、事件冒泡、事件捕獲和事件執(zhí)行順序整理總結(jié)
- javascript實(shí)現(xiàn)簡(jiǎn)單的on事件綁定
- js事件綁定快捷鍵以ctrl+k為例
- 關(guān)于JavaScript中事件綁定的方法總結(jié)
- javascript 處理事件綁定的一些兼容寫(xiě)法
- JS的事件綁定深入認(rèn)識(shí)
- 淺談JavaScript之事件綁定
- Javascript函數(shù)加殼多用于事件綁定
- JS事件綁定的常用方式實(shí)例總結(jié)
相關(guān)文章
javascript利用apply和arguments復(fù)用方法
這篇文章主要介紹了javascript利用apply和arguments復(fù)用方法,有需要的朋友可以參考一下2013-11-11
GitHub上一些實(shí)用的JavaScript的文件壓縮解壓縮庫(kù)推薦
這篇文章主要介紹了GitHub上一些實(shí)用的JavaScript的文件壓縮解壓縮庫(kù)推薦,推薦的這幾個(gè)都是支持zip格式的,需要的朋友可以參考下2016-03-03
js實(shí)現(xiàn)圖片粘貼上傳到服務(wù)器并展示的實(shí)例
下面小編就為大家?guī)?lái)一篇js實(shí)現(xiàn)圖片粘貼上傳到服務(wù)器并展示的實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11
JavaScript的Set數(shù)據(jù)結(jié)構(gòu)詳解
這篇文章主要為大家介紹了JavaScript的Set數(shù)據(jù)結(jié)構(gòu),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來(lái)幫助2022-01-01
使用Post提交時(shí)須將空格轉(zhuǎn)換成加號(hào)的解釋
參數(shù)有中包含空格且使用Post提交時(shí)須將空格轉(zhuǎn)換成加號(hào),這樣后臺(tái)程序接受到的才是真正的空格,感興趣的朋友可以了解下2013-01-01

