window.addEventListener來解決讓一個js事件執(zhí)行多個函數
更新時間：2012年12月26日 11:35:31 作者：
可能你也碰到過這種情況,就是在js的代碼中用了window.onload后,可能會影響到body中的onload事件。這時就要用window.attachEvent和window.addEventListener來解決一下,需要的朋友可以參考下
可能你也碰到過這種情況,就是在js的代碼中用了window.onload后,可能會影響到body中的onload事件。你可以全寫在body中，也可以全放到window.onload中，但是這樣并不是很方便，有時我們需要兩個同時用到。這時就要用window.attachEvent和window.addEventListener來解決一下。
下面是一個解決方法。至于attachEvent和addEventListener的用法，可以自己Google或百度一下。
if (document.all){
window.attachEvent('onload',函數名)//IE中
}
else{
window.addEventListener('load',函數名,false);//firefox
}
在近來的工作中，用到了attachEvent方法，該方法可以為某一事件附加其它的處理事件，有時候可能比較有用，這里將其基本用法總結一下。
其語法可以查看《DHTML手冊》，里面有詳細的說明，這里貼一個例子，該例子來自互聯網：
document.getElementById("btn").onclick = method1;
document.getElementById("btn").onclick = method2;
document.getElementById("btn").onclick = method3;
如果這樣寫,那么將會只有medhot3被執(zhí)行
寫成這樣：
var btn1Obj = document.getElementById("btn1");
//object.attachEvent(event,function);
btn1Obj.attachEvent("onclick",method1);
btn1Obj.attachEvent("onclick",method2);
btn1Obj.attachEvent("onclick",method3);
執(zhí)行順序為method3->method2->method1
如果是Mozilla系列，并不支持該方法，需要用到addEventListener
var btn1Obj = document.getElementById("btn1");
//element.addEventListener(type,listener,useCapture);
btn1Obj.addEventListener("click",method1,false);
btn1Obj.addEventListener("click",method2,false);
btn1Obj.addEventListener("click",method3,false);
執(zhí)行順序為method1->method2->method3
下面是一個解決方法。至于attachEvent和addEventListener的用法，可以自己Google或百度一下。
復制代碼 代碼如下:
if (document.all){
window.attachEvent('onload',函數名)//IE中
}
else{
window.addEventListener('load',函數名,false);//firefox
}
在近來的工作中，用到了attachEvent方法，該方法可以為某一事件附加其它的處理事件，有時候可能比較有用，這里將其基本用法總結一下。
其語法可以查看《DHTML手冊》，里面有詳細的說明，這里貼一個例子，該例子來自互聯網：
復制代碼 代碼如下:
document.getElementById("btn").onclick = method1;
document.getElementById("btn").onclick = method2;
document.getElementById("btn").onclick = method3;
如果這樣寫,那么將會只有medhot3被執(zhí)行
寫成這樣：
復制代碼 代碼如下:
var btn1Obj = document.getElementById("btn1");
//object.attachEvent(event,function);
btn1Obj.attachEvent("onclick",method1);
btn1Obj.attachEvent("onclick",method2);
btn1Obj.attachEvent("onclick",method3);
執(zhí)行順序為method3->method2->method1
如果是Mozilla系列，并不支持該方法，需要用到addEventListener
復制代碼 代碼如下:
var btn1Obj = document.getElementById("btn1");
//element.addEventListener(type,listener,useCapture);
btn1Obj.addEventListener("click",method1,false);
btn1Obj.addEventListener("click",method2,false);
btn1Obj.addEventListener("click",method3,false);
執(zhí)行順序為method1->method2->method3
相關文章
看網上好多朋友問js判斷是否有文件的代碼，而網上的好多都是是不是全是中文和一些正則，并沒有實際解決問題，在腳本之家站長的幫助下，發(fā)現了這個思路。2008-09-09
這篇文章主要為大家詳細介紹了使用BootStrapValidator來完成前端輸入驗證,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章主要介紹了js操作數組函數,實例分析了JavaScript針對數組刪除指定元素、去重及刪除指定下標元素的實現方法,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了JS獲取并處理php數組的方法,結合實例形式分析了php針對數組的創(chuàng)建、轉換以及js處理數組的接收、遍歷、轉換等相關操作技巧,需要的朋友可以參考下2018-09-09
這篇文章主要給大家介紹了關于JS數組去重的九種高階方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-04-04
本篇文章主要介紹了js中的DOM模擬購物車功能的示例代碼。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
這篇文章主要介紹了Javascript中的apply()方法淺析,本文講解了apply vs call、Javascript apply 方法等內容,需要的朋友可以參考下2015-03-03
Selenium執(zhí)行Javascript腳本參數及返回值過程詳解
這篇文章主要介紹了Selenium執(zhí)行Javascript腳本參數及返回值過程詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-04-04
這篇文章主要為大家介紹了如何通過JavaScript模擬實現京東的快遞單號查詢效果，文中的示例代碼講解詳細，感興趣的小伙伴可以動手試一試2022-03-03
Java中int與integer的區(qū)別（基本數據類型與引用數據類型）
這篇文章主要介紹了int與integer的區(qū)別（基本數據類型與引用數據類型）,簡單的說 int 是基本數據類型，integer 是引用數據類型，具體區(qū)別詳解大家參考下本文2017-02-02