JS 事件綁定函數(shù)代碼
更新時(shí)間：2010年04月28日 19:18:30 作者：
JS 事件綁定函數(shù)代碼，解決了瀏覽器兼容，現(xiàn)在可以兼容IE6 7 8 FF 谷歌
主要解決了
瀏覽器兼容，現(xiàn)在可以兼容IE6 7 8 FF 谷歌（廢話）
IE瀏覽器里，this指向問題。
直接上代碼吧！
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 谷歌（廢話）
IE瀏覽器里，this指向問題。
直接上代碼吧！
復(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)單，不用多解釋。用用就知道了。呵呵。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了JavaScript中的時(shí)間處理小結(jié)的相關(guān)資料,需要的朋友可以參考下2016-02-02
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義用戶登錄彈窗，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
JavaScript探測(cè)CSS動(dòng)畫是否已經(jīng)完成的方法
這篇文章主要為大家詳細(xì)介紹了JavaScript探測(cè)CSS動(dòng)畫是否已經(jīng)完成的方法，感興趣的小伙伴們可以參考一下2016-08-08
JavaScript中object和Object的區(qū)別(詳解)
下面小編就為大家?guī)硪黄狫avaScript中object和Object的區(qū)別(詳解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
JavaScript實(shí)現(xiàn)拼圖式滑塊驗(yàn)證功能
滑塊驗(yàn)證碼是在網(wǎng)站、APP等應(yīng)用中常見的一種驗(yàn)證方式，通過按照一定規(guī)則滑動(dòng)滑塊到指定位置完成驗(yàn)證，才可以進(jìn)行下一步操作，本文給大家分享基于JavaScript實(shí)現(xiàn)拼圖式滑塊驗(yàn)證功能，感興趣的朋友一起看看吧2022-06-06
JavaScript實(shí)現(xiàn)定時(shí)任務(wù)隊(duì)列的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何使用JavaScript實(shí)現(xiàn)一個(gè)基于一定時(shí)間間隔連續(xù)執(zhí)行任務(wù)隊(duì)列的功能,文中的示例代碼講解詳細(xì),需要的小伙伴可以參考下2023-11-11
如何解決easyui自定義標(biāo)簽 datagrid edit combobox 手動(dòng)輸入保存不上
這篇文章主要介紹了如何解決easyui自定義標(biāo)簽 datagrid edit combobox 手動(dòng)輸入保存不上,需要的朋友可以參考下2015-12-12
js前端傳json后臺(tái)接收‘‘被轉(zhuǎn)為quot的問題解決
這篇文章主要介紹了js前端傳json后臺(tái)接收‘‘被轉(zhuǎn)為"的問題解決，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
JavaScript,Table,排序,order,attribute,property,sort,Compare2009-05-05
JavaScript作為一門解釋執(zhí)行的腳本語言,其變量作用域與傳統(tǒng)編譯型語言有著明顯的區(qū)別,本文將詳細(xì)介紹JavaScript中變量的作用域規(guī)則,以及利用閉包實(shí)現(xiàn)的常見作用域應(yīng)用場(chǎng)景,幫助讀者進(jìn)一步掌握J(rèn)avaScript編程,感興趣的朋友跟隨小編一起看看吧2024-01-01