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

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

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

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