JS中註冊事件與移除事件的三種方式及相容性處理

第一種(所有瀏覽器都支援，但是無法給同乙個物件的同乙個事件註冊多個事件處理函式)

//註冊事件

btn.
onclick
=function()
btn.
onclick
=function()
//移除事件
btn.
onclick
=function()

//註冊事件

btn.
addeventlistener
("click"
,function()
，false
)//第三個引數預設為false,事件冒泡。如果是true則是事件捕獲
btn.
addeventlistener
("click"
,function()
)//移除事件
//該方法移除事件不能使用匿名函式
function
btnclick()
//新增事件
btn.
addeventlistener
("click"
,btnclick)
;

btn.

attachevent
('onclick'
,function()
);btn.
attachevent
('onclick'
,function()
);//移除事件
//該方法移除事件不能使用匿名函式
function
btnclick()
//新增事件
btn.
attachevent
("onclick"
,btnclick)
;

//eventname,不帶on(如：click,mouseover)

function
addeventlistener
(element, eventname, fn)
else
if(element.attachevent)
else
}

//eventname,不帶on(如：click,mouseover)

function
removeeventlistener
(element, eventname, fn)
else
if(element.detachevent)
else
}

javascript中註冊和移除事件的方式

對於html中的一些元素註冊事件的方式有多種 第一種 測試 第二種 測試 第三種 w3c模型 測試其中addeventlistener 三個引數中，第乙個表示什麼事件型別，注意沒有on，第二個指定方法，第三個是標示是事件冒泡 true 還是事件捕獲 false 涉及到從下到上還是從上到下的事件發生順...

JS事件繫結三種方式

1.在html標籤中直接繫結 2.在js中獲取到相應的dom元素後繫結 重複繫結會覆蓋之前繫結的onclick事件let button1 document.getelementbyid btn1 button1.onclick function 3.在js中使用addeventlistener 實現...

JS繫結事件的三種方式

一.xhtml 繫結方式 type button onclick test type button onclick 若干句js 二.dom繫結方式 推薦 優點 內容和行為分離 dom物件.事件 事件處理函式 var btn1 document.getelementbyid btn1 btn1.onc...