DOM2級事件處理程式詳解以及相容性寫法

<

!doctype
html
>
'en'
>
'utf-8'
/>
document1<
/title>
.a.b
<
/style>
<
/head>
='a'
>
='b'
>
<
/div>
<
/div>
var a = document.
getelementsbytagname
('div')[
0];var b = document.
getelementsbytagname
('div')[
1];//這後面的false代表是否冒泡
//addeventlistener('click', foo, false);
'click', foo2, false);
'click', foo2, false)
//移除事件***
'click', foo);
//ie裡面的寫法
'onclick', foo);
'onclick', foo);
/*function foo()
function foo2(e)*/
//dom2級事件處理程式利用新增事件***能同時給乙個dom元素新增
//兩個程式，並且可以同時執行
//而普通的dom元素值可以執行乙個事件，並且後面乙個事件覆蓋前面乙個事件
/*a.onclick = function()
a.onclick = function()*/
//相容性寫法 
//obj : 事件繫結在誰身上 type ： 事件名稱 fun具體的函式
function
adevent
(obj, type, fun)
else
}function
removeevent
(obj, type, fun)
else
}adevent
(a,'click'
, foo)
;removeevent
(a,'click'
, foo)
;function
foo(
)<
/script>
<
/body>
<
/html>

事件流程以及dom2級事件繫結

事件流程分為三個階段 捕獲階段 目標階段 冒泡階段。捕獲階段 事件從最頂層元素開始執行，一層層往下，直到精確元素。目標階段 事件在精確元素上執行。冒泡階段 事件從精確元素開始執行，一層層往上，直到頂層元素 注 高階瀏覽器的頂層元素是window，ie8以下的瀏覽器頂層元素是document dom2...

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

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

關於DOM2級事件的事件捕獲和事件冒泡

dom2級事件中addeventlistener的執行機制，多個addeventlistener同時新增時的執行先後規律 w3c的dom事件觸發分為三個階段 事件捕獲階段，即由最頂層元素 一般是從window元素開始，有的瀏覽器是從document開始，至於其中的差別我稍後會更新 開始，逐次進入do...