JS在IE和FF下attachEvent,addEventListener學(xué)習(xí)筆記
更新時(shí)間：2009年11月26日 01:15:34 作者：
今天小弄了一下JS事件，主要說一下FF和IE兼容的問題
對(duì)象名.addEventListener("事件名（不帶ON）"，函數(shù)名，true/false);(FF下)
對(duì)象名.attachEvent("事件名"，函數(shù)名);(IE下)
說明：
事件名稱，要注意的是"onclick"要改為"click","onblur"要改為"blur",也就是說事件名不要帶"on"。
函數(shù)名，記住不要跟括號(hào)最后一個(gè)參數(shù)是個(gè)布爾值，表示該事件的響應(yīng)順序,下面重點(diǎn)介紹一下addEventListener的第3個(gè)參數(shù)(useCapture)。 userCapture若為true,則瀏覽器采用Capture,若為false則采用bubbing方式。建議用false,看個(gè)例子吧。
html代碼
<div id="div_test"> <input type="button" id="btn_test" value="se4.cn技術(shù)基地" /> </div>
js代碼
window.onload=function(){ document.getElementById("div_test").addEventListener("click",test1,false); document.getElementById("btn_test").addEventListener("click",test2,false); } function test1(){ alert("外層div觸發(fā)") } function test2(){ alert("內(nèi)層input觸發(fā)") }
自己體驗(yàn)一下，如果userCapture是true則test1先觸發(fā)，如果userCapture是false則test2先觸發(fā)。
下面來說一下，attachEvent
這個(gè)沒啥好說的，相信大家也都用的挺熟的，主要是傳參那塊，等我用到 再說吧，哈哈哈
示例：
創(chuàng)建綁定方法：
if (typeof document.addEventListener != "undefined") {
document.addEventListener("mousedown",_lhlclick,true);
} else {
document.attachEvent("onmousedown",_lhlclick);
}
刪除事件：
if (typeof document.addEventListener != "undefined") {
document.removeEventListener("mousedown",_lhlclick,true);
} else {
document.detachEvent("onmousedown",_lhlclick);
}
對(duì)象名.attachEvent("事件名"，函數(shù)名);(IE下)
說明：
事件名稱，要注意的是"onclick"要改為"click","onblur"要改為"blur",也就是說事件名不要帶"on"。
函數(shù)名，記住不要跟括號(hào)最后一個(gè)參數(shù)是個(gè)布爾值，表示該事件的響應(yīng)順序,下面重點(diǎn)介紹一下addEventListener的第3個(gè)參數(shù)(useCapture)。 userCapture若為true,則瀏覽器采用Capture,若為false則采用bubbing方式。建議用false,看個(gè)例子吧。
html代碼
<div id="div_test"> <input type="button" id="btn_test" value="se4.cn技術(shù)基地" /> </div>
js代碼
復(fù)制代碼 代碼如下:
window.onload=function(){ document.getElementById("div_test").addEventListener("click",test1,false); document.getElementById("btn_test").addEventListener("click",test2,false); } function test1(){ alert("外層div觸發(fā)") } function test2(){ alert("內(nèi)層input觸發(fā)") }
自己體驗(yàn)一下，如果userCapture是true則test1先觸發(fā)，如果userCapture是false則test2先觸發(fā)。
下面來說一下，attachEvent
這個(gè)沒啥好說的，相信大家也都用的挺熟的，主要是傳參那塊，等我用到 再說吧，哈哈哈
示例：
創(chuàng)建綁定方法：
復(fù)制代碼 代碼如下:
if (typeof document.addEventListener != "undefined") {
document.addEventListener("mousedown",_lhlclick,true);
} else {
document.attachEvent("onmousedown",_lhlclick);
}
刪除事件：
復(fù)制代碼 代碼如下:
if (typeof document.addEventListener != "undefined") {
document.removeEventListener("mousedown",_lhlclick,true);
} else {
document.detachEvent("onmousedown",_lhlclick);
}
您可能感興趣的文章:
- js中onclick和addEventListener的區(qū)別
- js中onclick和addEventListener的區(qū)別詳解
- Js on及addEventListener原理用法區(qū)別解析
- js中addEventListener()與removeEventListener()用法案例分析
- JavaScript使用addEventListener添加事件監(jiān)聽用法實(shí)例
- window.addEventListener來解決讓一個(gè)js事件執(zhí)行多個(gè)函數(shù)
- Javascript 的addEventListener()及attachEvent()區(qū)別分析
- JS中addEventListener的使用示例詳解
相關(guān)文章
這篇文章主要為大家介紹了你不知道的Git?log竟然還有這種用法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
HTML+JavaScript模擬實(shí)現(xiàn)簡單的時(shí)鐘效果
在這篇文章中，主要將向大家展示如何使用?HTML、CSS?和?JavaScript代碼制作模擬時(shí)鐘，文中的示例代碼講解詳細(xì)，感興趣的可以了解一下2022-08-08
這篇文章主要介紹了javascript實(shí)現(xiàn)在線客服效果的實(shí)例代碼，非常不錯(cuò)，這里推薦給大家，有需要的小伙伴可以參考下。2015-07-07
js、jquery圖片動(dòng)畫、動(dòng)態(tài)切換示例代碼
這篇文章主要介紹了通過js、jquery實(shí)現(xiàn)的圖片動(dòng)畫、圖片動(dòng)態(tài)切換 ,需要的朋友可以參考下2014-06-06
這篇文章主要介紹了微信小程序 開發(fā)過程中遇到問題總結(jié)的相關(guān)資料,需要的朋友可以參考下2017-04-04
layer子層給父層頁面元素賦值,以達(dá)到向父層頁面?zhèn)髦档男Ч麑?shí)例
下面小編就為大家?guī)硪黄猯ayer子層給父層頁面元素賦值,以達(dá)到向父層頁面?zhèn)髦档男Ч麑?shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
JS指定音頻audio在某個(gè)時(shí)間點(diǎn)進(jìn)行播放
這篇文章主要介紹了JS指定音頻audio在某個(gè)時(shí)間點(diǎn)進(jìn)行播放,獲取當(dāng)前音頻audio的長度,音頻時(shí)長格式轉(zhuǎn)化,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-11-11
這篇文章主要介紹了Typescript中索引簽名使用詳解,需要的朋友可以參考下2023-08-08
頁面定時(shí)刷新的示例想必大家也見到不少，在本文將為大家介紹的是，如何實(shí)現(xiàn)1秒刷新一次，感興趣的朋友可以了解下本文2013-11-11
JavaScript中防止微信瀏覽器被整體拖動(dòng)的方法
這篇文章主要介紹了JavaScript中防止微信瀏覽器被整體拖動(dòng)的方法,需要的朋友可以參考下2017-08-08