event ｆｌｏｗ ｍｏｄｅｌ

１．　ｅｖｅｎｔ．ｐｒｅｖｅｎｔＤｅｆａｕｌｔ只是取消ｅｖｅｎｔ的默认ａｃｔｉｏｎ，　比如submit　ｅｖｅｎｔ不会产生ＰＯＳＴ　请求　，　 ２．　event.stopPropagation 会停止 ｂｕｂｂｌｅ两个ｐｈａｓｅ的ｄｉｓｐａｔｃｈ ３．event dispatch分为３个阶段　 (eventPhase为0, ０：表示当前event没有被触发调度 1>:　　 capture阶段 2> eventTarget dispatch 阶段, 此时currentEventTarget === eventTarget 3> bubble 阶段, 在html中或者通过DOMNode attribute设置的 on{event} = handler 在这个阶段被调度

• 1. • [Event.NONE 0 No event is being processed at this time.
• 1. • Event.CAPTURING_PHASE
• 1. 1 The event is being propagated through the target's ancestor objects. This process starts with the Window, then Document, then the HTMLHtmlElement, and so on through the elements until the target's parent is reached. Event listeners registered for capture mode when EventTarget.addEventListener() was called are triggered during this phase.
• 1. • Event.AT_TARGET
• 1. 2 The event has arrived at the event's target. Event listeners registered for this phase are called at this time. If Event.bubbles is false, processing the event is finished after this phase is complete.
• 1. 这个阶段,所有注册的event listener都会被执行,及时在当前有一个eventlistener 调用stopPropagation,注意stopPropagation 只是定制 event的调度,但是当前 node上的eventlistener都会一直执行.
• 1. • Event.BUBBLING_PHASE
• 1. 3 The event is propagating back up through the target's ancestors in reverse order, starting with the parent, and eventually reaching the containing Window. This is known as bubbling, and occurs only if Event.bubbles is true. Event listeners registered for this phase are triggered during this process.]
• 1. 　在html中通过　on{event} = xxx的方式定义event　handler

4. 如果在parent node (ｃａｐｔｕｒｅｄ） 中调用了stopPropagation, event不会被调度到 当前ｎｏｄｅ，但是这并不妨碍　当前ｎｏｄｅ执行　ｄｅｆａｕｌｔaction, 换句话说　如果click ｅｖｅｎｔ在( input type='submit') 之前被　stopPropagation,但是　<input type='submit'依然能够触发　submit event , 如果想让<input type='submit>不触发submit 只能 在click event handler 中调用　preventDefault()

5. 在html 设置on{event}=xxx , "xxx"必须是 functionFoo( ａｒｇｓ），其中ａｒｇｓ可以是 "this", "event" 这两个是在DOMnode 的context中

转载于:https://my.oschina.net/wansheg/blog/865580