创建js(动画CC)获得电影实例名称点击

Question

我已经搜索了这个问题的解决方案，虽然我发现了几个旧帖子，但它们似乎都没有解决问题，而是找到了一些适合特定任务的独特解决方案。所以我希望再次提出这个问题，看看是否有人能提出更普遍的建议。

我有一个单一的函数，里面有一个开关，监听哪个电影剪辑被按下，并根据电影剪辑的名称，采取一定的行动。由于CreateJS似乎没有拿起电影剪辑的名字，我已经分配了我自己的个别电影剪辑，然而，我怎么能很容易地检查哪一个被点击?在AS3中，使用e.target.name

很容易做到。

下面是我的代码片段:

this.parentMovie.button1.name = "button1";
this.parentMovie.button2.name = "button2";
this.parentMovie.button3.name = "button3";
this.parentMovie.button1.addEventListener("click", onClick.bind(this));
this.parentMovie.button2.addEventListener("click", onClick.bind(this));
this.parentMovie.button3.addEventListener("click", onClick.bind(this));
function onClick(e)
{
    console.log(this.parentMovie.button1.name);    // returns the name of the movieclip just fine, so I know at least that is carried over.
    switch(/* what do I need to put here?? */) // in AS3 it was e.target.name and it worked great.  In JS it returns as null
    {
        case "button1":
            // do something
            break;
        case "button2":
            // do something
            break;
        case "button3":
            // do something
            break;
    }
}

非常感谢!

Answer 1

name属性不是自动创建的(尽管可能应该这样做)。你的switch语句应该很简单，只需使用变量引用:

function onClick(e)
{
    console.log(this.parentMovie.button1.name);    // returns the name of the movieclip just fine, so I know at least that is carried over.
    switch(e.currentTarget) // Use currentTarget since the button might have children
    {
        case this.parentMovie.button1:
            // do something
            break;
        case this.parentMovie.button2:
            // do something
            break;
        case this.parentMovie.button3:
            // do something
            break;
    }
}

它应该完成你想要做的事情。