イベントの3段階

wwww.w 3 school.com.cn/httmldom/eventから回転します.bubbles.asp
2レベルのDOM標準では、イベント伝搬は3段階に分けられる.
第一、捕獲段階.イベントは、Dcumentオブジェクトからドキュメントツリーを下のレベルに転送します.ターゲットのいずれかの先辈が登录されている场合は、トリックハートなどのイベントをキャプチャします.οnkedyοwn=myonkeydownは、イベントの普及過程ですぐにこれらのハンドルを実行して、目標に伝播してから実行します.
第二の段階は、ターゲットノード自身において発生する.ターゲットに直接登録した適切なイベントハンドルが実行されます.これは0レベルのイベントモデルによって提供されるイベント処理方法と一致する.
第三に、泡立ち段階.この段階では、イベントはターゲット要素からDcumentオブジェクトの文書レベルに戻るか、または元に戻す.
 
イベントの現在の段階.これは、以下の3つの定数の1つであり、それぞれ、捕獲段階、対象となるオブジェクト上での時、および発泡段階を表している.
1 CAPTURING_PHASE、
2 AT_TARGET
3 BBB LING_PHASE
 
 
以下は一例です.「イベントバブルショー」Bbbleイベントショーです.

 1 
 3 
 5 
<span style="color:#008080;"> 6</span> 
<span style="color:#008080;"> 9</span> <span style="color:#0000ff;">function</span> foo1(){alert("foo1"<span style="color:#000000;">);}
</span><span style="color:#008080;">10</span> 
<span style="color:#008080;">11</span> <span style="color:#0000ff;">function</span> foo2(){alert("foo2"<span style="color:#000000;">);}
</span><span style="color:#008080;">12</span> 
<span style="color:#008080;">13</span> <span style="color:#0000ff;">function</span> foo3(){alert("foo3"<span style="color:#000000;">);}
</span><span style="color:#008080;">14</span> 
<span style="color:#008080;">15</span> <span style="color:#0000ff;">function</span> foo4(){alert("foo4"<span style="color:#000000;">);}
</span><span style="color:#008080;">16</span> 
<span style="color:#008080;">17</span> 
18 
19 
20 
21  
22 
23 
24 
25 

26 
27 
28 
29 
30 
31 bubble event show
32 
33 
34 
35 
36 
37 
38 
39 
40 
41 

 
転載先:https://www.cnblogs.com/codebook/p/5955790.html