JS 事件綁定函數(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;//停止時間冒泡
object.attachEvent=[fn.apply(object)];//----這里我要講的是這里
}
})(object),false);
}else if(object.addEventListener){//其他瀏覽器
object.addEventListener(type,function(event){
event.stopPropagation();//停止時間冒泡
fn.apply(this)
});
}
}
//下面是給AAA這個ID添加了一個click事件
bind(document.getElementById("aaa"),"click",function(){alert("這是你點擊的按鈕的ID"+this.id+"這是綁定的第1個函數(shù)")});
bind(document.getElementById("aaa"),"click",function(){alert("這是你點擊的按鈕的ID"+this.id+"這是綁定的第2個函數(shù)")});
代碼很簡單,不用多解釋。用用就知道了。呵呵。
瀏覽器兼容,現(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;//停止時間冒泡
object.attachEvent=[fn.apply(object)];//----這里我要講的是這里
}
})(object),false);
}else if(object.addEventListener){//其他瀏覽器
object.addEventListener(type,function(event){
event.stopPropagation();//停止時間冒泡
fn.apply(this)
});
}
}
//下面是給AAA這個ID添加了一個click事件
bind(document.getElementById("aaa"),"click",function(){alert("這是你點擊的按鈕的ID"+this.id+"這是綁定的第1個函數(shù)")});
bind(document.getElementById("aaa"),"click",function(){alert("這是你點擊的按鈕的ID"+this.id+"這是綁定的第2個函數(shù)")});
代碼很簡單,不用多解釋。用用就知道了。呵呵。
相關文章
JavaScript探測CSS動畫是否已經(jīng)完成的方法
這篇文章主要為大家詳細介紹了JavaScript探測CSS動畫是否已經(jīng)完成的方法,感興趣的小伙伴們可以參考一下2016-08-08
JavaScript中object和Object的區(qū)別(詳解)
下面小編就為大家?guī)硪黄狫avaScript中object和Object的區(qū)別(詳解)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
如何解決easyui自定義標簽 datagrid edit combobox 手動輸入保存不上
這篇文章主要介紹了如何解決easyui自定義標簽 datagrid edit combobox 手動輸入保存不上,需要的朋友可以參考下2015-12-12
js前端傳json后臺接收‘‘被轉(zhuǎn)為quot的問題解決
這篇文章主要介紹了js前端傳json后臺接收‘‘被轉(zhuǎn)為"的問題解決,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-11-11

