attachEvent方法按鈕onclick
addEventListener方法按鈕click
兩者使用的原理：可對執(zhí)行的優(yōu)先級不一樣，下面實(shí)例講解如下：
attachEvent方法，為某一事件附加其它的處理事件。（不支持Mozilla系列）
addEventListener方法用于 Mozilla系列
舉例:
Java代碼

復(fù)制代碼代碼如下:

 
document.getElementById("btn").onclick = method1; 
document.getElementById("btn").onclick = method2; 
document.getElementById("btn").onclick = method3; 

如果這樣寫,那么將會只有medhot3被執(zhí)行
寫成這樣：
Java代碼:

復(fù)制代碼代碼如下:

 
var btn1Obj = document.getElementById("btn1"); 
//object.attachEvent(event,function); 
btn1Obj.attachEvent("onclick",method1); 
btn1Obj.attachEvent("onclick",method2); 
btn1Obj.attachEvent("onclick",method3); 

執(zhí)行順序?yàn)閙ethod3->method2->method1
如果是Mozilla系列，并不支持該方法，需要用到addEventListener
Java代碼:

復(fù)制代碼代碼如下:

 
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í)行順序?yàn)閙ethod1->method2->method3
使用實(shí)例：
1。 Java代碼:

復(fù)制代碼代碼如下:

 
var el = EDITFORM_DOCUMENT.body; 
//先取得對象，EDITFORM_DOCUMENT實(shí)為一個iframe 
if (el.addEventListener)...{ 
el.addEventListener('click', KindDisableMenu, false); 
} else if (el.attachEvent)...{ 
el.attachEvent('onclick', KindDisableMenu); 
} 

2。 Java代碼:

復(fù)制代碼代碼如下:

 
if (window.addEventListener){ 
window.addEventListener('load', _uCO, false); 
} else if (window.attachEvent){ 
window.attachEvent('onload', _uCO); 
} 

您可能感興趣的文章:

相關(guān)文章

JavaScript使ifram跨域相互訪問及與PHP通信的實(shí)例
這篇文章主要介紹了JavaScript使ifram跨域相互訪問及與PHP通信的實(shí)例,同時對同域間的訪問也作了詳細(xì)的演示,需要的朋友可以參考下
2016-03-03
javascript數(shù)組中的map方法和filter方法
這篇文章主要介紹了javascript數(shù)組中的map方法和filter方法,文章內(nèi)容介紹詳細(xì)，具有一定的參考價值，需要的小伙伴可以參考一下，希望對你的學(xué)習(xí)有所幫助
2022-03-03
webpack2.0搭建前端項(xiàng)目的教程詳解
這篇文章主要給大家介紹了關(guān)于webpack2.0搭建前端項(xiàng)目的相關(guān)資料，文中介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用webpack2.0具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。
2017-04-04
JS完成代碼前最好對其做5件事
我們不得面對這樣一個事實(shí)：許多程序員不會規(guī)劃他們的JS代碼。我們經(jīng)?？焖賹懲甏a、運(yùn)行、提交。但當(dāng)我們繼續(xù)開發(fā)遇到變量和函數(shù)時不得不再次回頭查看它們代表的含義，麻煩就從這里開始了。
2013-04-04
基于JavaScript實(shí)現(xiàn) 網(wǎng)頁切出網(wǎng)站title變化代碼
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn) 網(wǎng)頁切出網(wǎng)站title變化代碼的相關(guān)資料,需要的朋友可以參考下
2016-04-04
js 第二代身份證號碼的驗(yàn)證機(jī)制代碼
在盛大某網(wǎng)站注冊的時候，身份證必填，但我又不想填真實(shí)身份證號碼，于是隨便編了串自認(rèn)為合法的身份證號碼，但是卻馬上被提示號碼錯誤
2011-05-05
js下載文件并修改文件名
這篇文章主要為大家詳細(xì)介紹了js下載文件并修改文件名的代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
JS實(shí)現(xiàn)逐頁將PDF文件轉(zhuǎn)為圖片格式
這篇文章主要為大家分享了如何通過前端js將pdf文件轉(zhuǎn)為圖片格式，并且支持翻頁預(yù)覽、以及圖片打包下載，文中的示例代碼簡潔易懂，需要的可以參考一下
2023-05-05
js實(shí)現(xiàn)拖拽元素選擇和刪除
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)拖拽元素選擇和刪除，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-08-08
js 控制圖片大小核心講解
控制圖片大小的方法有很多，在本文將為大家詳細(xì)介紹下使用js實(shí)現(xiàn)縮放圖片，核心代碼如下，感興趣的朋友可以參考下
2013-10-10