JS事件 新增 移除事件

2022-03-08 20:08:29 字數 819 閱讀 6676

element.addeventlistener(event, function, usecapture) 方法用於向指定元素新增事件控制代碼。

event:  必須。字串,指定事件名。

注意:例 使用 "click" ,而不是使用 "onclick"。

function:  觸發函式

usecapture:  可選。布林值,指定事件是否在捕獲或冒泡階段執行。

可能值:

使用 removeeventlistener(event, function) 方法來移除 addeventlistener() 方法新增的事件控制代碼。 

重點:此方法不相容ie8及更早版本瀏覽器

element.attachevent(event, function,)方法用於向指定元素新增事件控制代碼。

使用detachevent(event, function)方法來移除 attachevent() 方法新增的事件控制代碼。

重點:此方法只支援ie8以及更早版本瀏覽器,引數event 必須是"onclick"與addeventlistener不同,

並且相對於addeventlistener少了乙個引數,此方法只支援事件控制代碼在冒泡階段執行

在使用時,需要相容各個瀏覽器版本,下面進行函式封裝

function addevent(obj,type,func)else

}function removeevent(obj,type,func)else

}

封裝完畢,不過此方法只支援事件控制代碼在冒泡階段執行

js事件新增

var btn document.getelementbyid btn btn.nclick fun1 btn.nclick fun2 btn.nclick fun3 結果 後面繫結方法會覆蓋前面的方法,最後只執行fun3 btn.attachevent onclick fun1 btn.attac...

JS繫結事件和移除事件的處理方法

addeventlistener 與removeeventlistener 用於處理指定和刪除事件處理程式操作。所有的dom節點中都包含這兩種方法,並且它們都接受3個引數 要處理的事件名 作為事件處理程式的函式和乙個布林值。最有這個布林值引數是true,表示在捕獲階段呼叫事件處理程式 如果是fals...

JS繫結事件和移除事件的處理方法

addeventlistener 與removeeventlistener 用於處理指定和刪除事件處理程式操作。所有的dom節點中都包含這兩種方法,並且它們都接受3個引數 要處理的事件名 作為事件處理程式的函式和乙個布林值。最有這個布林值引數是true,表示在捕獲階段呼叫事件處理程式 如果是fals...