mouseover - 如何在 EaselJS 中处理鼠标悬停事件？

Question

我正在使用 EaselJS，我想在鼠标悬停在图像上时更改（稍微放大）图像。似乎 mouseover 和 mouseout 事件将是一个很好的方法。

但是，文档中没有示例，或者至少我找不到任何示例。我试过谷歌搜索，但没有运气。

我试过这样的事情：

stage.enableMouseOver();
var btn  = new createjs.Bitmap("mybtn.png");
btn.mouseover = function() {
    btn.x++;
};

并发现这有效：

btn.onMouseOver = function() {
    btn.x++;
};

但文档说这种变体已被弃用，应该使用事件。什么是正确的方法？

score 7 · Accepted Answer

您应该addEventListener按照本示例所示使用（每次将鼠标移到圆圈上，alpha/透明度都会改变）：

circle.addEventListener("mouseover", function() {
   circle.alpha *= .80;
   stage.update();
});

它假设您也按照文档中的说明调用了 enableMouseOver：

stage.enableMouseOver(20);

1 回答 1