如何从 ActionScript 3 类分派自定义事件并在文档根目录中侦听它？

Question

我构建了一个传递变量的自定义事件调度程序。 我调度该事件，然后尝试在文档根目录中侦听该事件，但我从未收到该事件。 如何将事件冒泡到我的文档类？

addEventListener(CustomVarEvent.pinClicked, pinClickedHandler);

function pinClickedHandler(e:CustomVarEvent) {
        trace("main says " + e.arg[0] + " clicked");//access arguments array
    }

package zoomify.viewer
{
import com.maps.CustomVarEvent;
    protected function hotspotClickHandler(event:MouseEvent):void {
        var hotspotData:Hotspot = hotspotsMap[event.currentTarget] as Hotspot;
        trace(hotspotData._name + " was clicked");
        /*if(hotspotData) {
            navigateToURL(new URLRequest(hotspotData.url), hotspotData.urlTarget);
        }*/
        dispatchEvent(new CustomVarEvent("pinClicked",true,false,hotspotData._name));
    }
}
package com.maps
{
// Import class
import flash.events.Event;
// CustomVarEvent
public class CustomVarEvent extends Event {
    public static const pinClicked:String = "pinClicked";
    // Properties
    public var arg:*;
    // Constructor
    public function CustomVarEvent(type:String, ... a:*) {
        var bubbles:Boolean = true;
        var cancelable:Boolean = false;
        super(type, bubbles, cancelable);
        arg = a;

    }

    // Override clone
    override public function clone():Event{
        return new CustomVarEvent(type, arg);
    };
}


}

正在分派的 pinClicked 事件在类中嵌套了两层。 我将 ZoomifyViewer 类的实例添加到舞台上。 ZoomifyViewer 将 ZoomGrid 的实例添加到舞台，ZoomGrid 调度该事件。

当我将相同的事件侦听器和处理程序函数直接添加到我的 ZoomGrid 类（与调度事件相同的类）中时，侦听器和处理程序可以正常工作。 但是，当侦听器和处理程序位于父类中或舞台上时，我没有得到任何响应。

是否需要调度员才能冒泡才能冒泡？

另外，根据我的 CustomVarEvent 中定义的常量 pinClicked，这两行功能是否相同？

 dispatchEvent(new CustomVarEvent(CustomVarEvent.pinClicked, hotspotData._name));

 dispatchEvent(new CustomVarEvent("pinClicked", hotspotData._name));

Answer 1

仅当调度事件的对象是 DisplayObject（或 DisplayObject 的祖先，例如 Sprite 或 MovieClip）时，该事件才能在显示列表中向上冒泡，以便它可以出现在显示列表中并且在事件分派时将其添加到显示列表。

您编写的代码根本没有将事件作为类的一部分分派的行，而只是包中的函数，因此我不确定您打算将其冒泡到哪里。

对您来说，一个快速修复方法就是简单地让被单击的同一对象分派事件，因为由于单击了它，所以它显然是舞台上的显示对象，这符合我们对冒泡的两个规定。

package zoomify.viewer
{
    import com.maps.CustomVarEvent;

    protected function hotspotClickHandler(event:MouseEvent):void
    {
        // BY THE WAY, event.currentTarget will return the actual object, so you
        // don't need whatever the hotspotsMap[] thing is, just cast event.currentTarget
        /*var hotspotData:Hotspot = hotspotsMap[event.currentTarget] as Hotspot;*/
        var hotspotData:Hotspot = event.currentTarget as Hotspot;

        // here we dispatch the event off of the target, since it is definitely
        // in the display list already, so therefore bubbling will work right
        event.target.dispatchEvent(new CustomVarEvent("pinClicked",true,false,hotspotData._name));
    }
}

Answer 2

事件在显示列表中冒泡。 我无法从您的代码示例中得知您正在从哪个对象分派事件，只能知道您在类上有一个方法可以执行此操作。 该类的实例是否已添加到显示列表中？

Answer 3

仅当调度事件的对象位于显示列表上时，冒泡才起作用。 这是舞台的任何孙子。

这确实是你的问题，但如果你将调度类添加到显示列表中，我无法从代码片段中看到。

另外，它看起来不像您创建了自定义 EventDispatcher，而是自定义了 Event。 但我可能是错的（看不到你的所有代码）。

Answer 4

为了监听您的自定义事件，您应该在文档类中拥有对调度程序的有效引用。

yourDispatcher.addEventListener(CustomVarEvent.pinClicked, pinClickedHandler);

其中 yourDispatcher 是调度自定义事件的类。