Flex内置事件和自定义事件的事件流程

Question

我有一个自定义组件，它包含一个子图标。如果我将鼠标单击事件侦听器添加到组件（click-listener1）和图标（click-listener2），则分派的事件序列为click-listener2，然后单击listener1。我能理解它。但是，如果我将自定义事件添加到组件（listener1），并将鼠标单击事件添加到图标（listener2），则单击图标时，组件将分派自定义事件。在我的测试中，事件派发顺序是listener1，然后是listener2。它与事件泡泡规则不匹配。

在我看来自定义事件分派在listener2中，它触发了listener1。为什么事件流序列不是listener2，listener1？

组件中。

icon.addEventListener(MouseEvent.CLICK, iconClickHandler); 

    private function iconClickHandler(event:MouseEvent):void 
    { 
     trace ("Listener2"); 
     var customEvent:CustomEvent= new CustomEvent(CustomEvent.CUSTOM_EVENT, true, true); 
     dispatchEvent(customEvent) 
     trace ("Listener3"); 
    } 

在应用程序，其中包含组件

component.addEventListener(CustomEvent.CUSTOM_EVENT, customEventHandler); 

private function customEventHandler(event:CustomEvent):void { 
    trace ("Listener1"); 
} 

Answer 1

UPD

你已经有了：

private function iconClickHandler(event:MouseEvent):void 
{ 
    trace("listener2"); 
    var customEvent:CustomEvent= new CustomEvent(CustomEvent.CUSTOM_EVENT, true, true); 
    dispatchEvent(customEvent); 
    trace("listener3"); 
} 


private function customEventHandler(event:CustomEvent):void 
{ 
    trace("listener1"); 
} 

当MouseEvent.MOUSE_CLICK被分派，它触发第一幸运儿 - 它是你的组件功能iconClickHandler。这里我们追踪“listener2”并派遣自定义事件。

由于事件的性质syncronious，CUSTOM_EVENT监听器被触发立刻，这意味着分派事件，类似于调用监听功能。事件不会被存储在任何地方，它们也不会被延迟：在相同的线程中，事件的侦听器在同一控制流中立即触发。

CUSTOM_EVENT被调度，它的听众被触发 - 我们在控制台中调用了customEventHandler和“listener1”。

当所有侦听器都被触发时，控制返回到iconClickHandler并且“侦听器3”被追踪到控制台。

这就是为什么我们有输出：

listener2 
listener1 
listener3