DOM基礎之繫結事件

2021-09-26 10:50:29 字數 457 閱讀 6022

111111

這種繫結事件的方法雖然簡便,但是不推薦讀者使用,因為我們習慣上寫js**在script中寫,

如果要繫結的事件有很多,寫在內聯中就會顯得結構不夠工整。

var odiv1 = document.getelementbyid('div1');

odiv1.onclick = function()

這種繫結事件的方法的好處在於能使**結構整齊,缺點是如果給同乙個元素繫結兩個或多個事件,

那麼後繫結的事件就會覆蓋之前繫結的時間。

odiv1.addeventlistener('click',function(),false);//冒泡或捕獲 false 冒泡  true捕獲
這種繫結事件的好處就是後繫結的事件不覆蓋之前繫結的事件

DOM事件繫結

element.addeventlistener type,handler,boolean 第乙個值代表事件型別,不加on。第二個是執行的方法。事件處理函式 第三個值是乙個布林值,預設為false,只在冒泡階段執行。true為在捕獲階段執行 element.removeeventlistener t...

自動觸發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級事件只可以繫結一次,如果繫結多次,後面的會把前面的給覆蓋了,因為是乙個賦值的過程,乙個屬性只能賦乙個值 ...