DOM0和DOM2級事件
事件綁定的兩種方法
DOM0級事件綁定
curEle.onclick=function(){};
DOM2級事件綁定
標準瀏覽器:curEle.addEventListener('click',function(){},false)IE6-8:curEle.attachEvent('onclick',function(){})
一细诸、共同的優(yōu)點1、DOM0級和DOM2級的共同優(yōu)點:能添加多個事件處理程序拾并,按順序執(zhí)行揍堰,HTML事件處理程序無法做到~
二、區(qū)別2嗅义、關于dom0級和dom2級的區(qū)別
DOM0級事件處理:同時綁定幾個不同的事件,
例如在綁定onclick的基礎上,
再綁定一個onmouseover為按鈕2設置背景顏色
(這里注意onclick隐砸、onmouseover事件不能都設為alert彈出哦之碗,可能會有沖突,造成dom0和dom2都不能成功)季希;
但是不能同時綁定多個相同的事件褪那,比如onclick幽纷;會覆蓋,只會執(zhí)行最后一個的函數(shù)博敬;
比如把onclick寫在標簽內(nèi)友浸,就是dom0級事件,fn和fn1依次執(zhí)行;
第二種獲取元素偏窝,綁定onclick事件也是dom0級收恢,第二個onclick會覆蓋第一個onclick,也會覆蓋行內(nèi)的onclick祭往。
DOM2級事件處理:優(yōu)點:同時綁定幾個事件(相同或不同)伦意,然后順序執(zhí)行,不會覆蓋硼补。缺點:不具有跨瀏覽器優(yōu)勢.
另外驮肉,IE9能兼容dom2
dom2級,不會覆蓋已骇,會依次執(zhí)行綁定方法和原生的綁定方法离钝,這就是于dom0級的區(qū)別之處;
總結區(qū)別:如果定義了兩個dom0級事件褪储,dom0級事件會覆蓋卵渴;
dom2不會覆蓋,會依次執(zhí)行乱豆;
dom0和dom2可以共存奖恰,不互相覆蓋,但是dom0之間依然會覆蓋宛裕。