createjs 按钮鼠标悬停不工作答案

【问题标题】：createjs button mouse over not workingcreatejs 按钮鼠标悬停不工作
【发布时间】：2015-07-24 19:23:11
【问题描述】：

这是在 Flash CC 2014 中以 Canvas 模式 (html 5) 使用舞台上的按钮。该按钮在按钮影片剪辑的第 2 帧上具有鼠标悬停外观。我正在使用此代码转到按钮的第 2 帧，但它不起作用：

function mouseOver(event) {
    // frame 2 the button is darker in tint
    event.currentTarget.gotoAndStop(2);
    stage.update(event); 
}

【问题讨论】：

你是如何分配 mouseOver 事件处理程序的？
我想主要是我没有获得添加到舞台的影片剪辑的时间线控件。所以鼠标悬停确实有效，但是当我访问按钮（电影剪辑）转到帧时，它不起作用。 'function mouseOver(event) { event.currentTarget.gotoAndStop(); // 不起作用 stage.update(event); }'

标签： button mouseevent mouseover createjs mouseout

【解决方案1】：

也许您需要启用鼠标悬停效果。例如：

var stage = new createjs.Stage("canvas");
stage.enableMouseOver(10);

// Draw circles
var c1 = new createjs.Shape().set({name:"large-purple"});
c1.graphics.f("purple").dc(100,100,75);
c1.addEventListener("mouseover", function(event) {
    c1.scaleX = c1.scaleY = 1.1;
});
c1.addEventListener("mouseout", function(event) {
    c1.scaleX = c1.scaleY = 1;
});

你需要使用这个函数stage.enableMouseOver(10);来启用鼠标事件。

【讨论】：