DOM事件繫結

2021-08-27 14:05:07 字數 1150 閱讀 2046

element.addeventlistener(type,handler,boolean)

第乙個值代表事件型別,不加on。

第二個是執行的方法。(事件處理函式)

第三個值是乙個布林值,預設為false,只在冒泡階段執行。true為在捕獲階段執行

element.removeeventlistener(type,handler,boolean)

第乙個值代表事件型別,不加on。

第二個是執行的方法。(事件處理函式)

第三個值是乙個布林值,預設為false,只在冒泡階段執行。true為在捕獲階段執行

移除事件。用法與addeventlistener一致。

element.attachevent(type,handler) ie的事件繫結。

element.detachevent(type,handler) ie的事件移除。

第乙個值代表事件型別,加on。

第二個是執行的方法。(事件處理函式),

由於ie的事件模型只有冒泡模型,所以,只用傳兩個值.

新增跨瀏覽器事件繫結

var  addevent = function(ele,type,handler)else if(ele.attachevent)else

}addevent(btn,"click",function())

移除跨瀏覽器繫結

function removeevent(ele,type,handler)

else if(ele.detachevent)

else

}removeevent(btn,"click",function())

dom 0 級事件

html中的on-屬性

確定

確定

引號中字元的是可以執行的字串

由於html中的on-方法使得js與html緊密的耦合在一起,不利於後期維護,所以不推薦使用。

var btn=document.getelementbyid("btn")

btn.onclick=function()

btn.onclick=function()//2

如果新增相同的事件,後面的會覆蓋前面的事件

DOM基礎之繫結事件

111111 這種繫結事件的方法雖然簡便,但是不推薦讀者使用,因為我們習慣上寫js 在script中寫,如果要繫結的事件有很多,寫在內聯中就會顯得結構不夠工整。var odiv1 document.getelementbyid div1 odiv1.onclick function 這種繫結事件的方...

自動觸發dom繫結事件

tablinks onclick opencity event,london id defaultopen london button 如上面的button如何自動觸發繫結在dom上的click事件,方法如下 觸發 id defaultopen click 事件 document.getelemen...

事件繫結 DOM0級事件繫結和DOM2級事件繫結

box.onclick function 元素.事件行為 函式 box.onclick function 相當於給乙個元素的屬性賦值,只能賦乙個值,後面如果再賦值就會覆蓋前面的值,所以說dom0級事件只可以繫結一次,如果繫結多次,後面的會把前面的給覆蓋了,因為是乙個賦值的過程,乙個屬性只能賦乙個值 ...