今天小弄了一下JS事件，主要說(shuō)一下FF和IE兼容的問(wèn)題

　　對(duì)象名.addEventListener("事件名（不帶ON）"，函數(shù)名，true/false);(FF下)

???? 對(duì)象名.attachEvent("事件名"，函數(shù)名);(IE下)

說(shuō)明：

　　事件名稱，要注意的是"onclick"要改為"click","onblur"要改為"blur",也就是說(shuō)事件名不要帶"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.οnlοad=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ā)。

?

下面來(lái)說(shuō)一下，attachEvent

這個(gè)沒啥好說(shuō)的，相信大家也都用的挺熟的，主要是傳參那塊，等我用到 再說(shuō)吧，哈哈哈

?

示例：

創(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);
????}

轉(zhuǎn)載于:https://www.cnblogs.com/hailuo/archive/2009/11/25/1610763.html

總結(jié)

以上是生活随笔為你收集整理的关于JS在IE和FF下attachEvent,addEventListener学习笔记的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。