如何在 EaselJS 中处理鼠标悬停事件？答案

【问题标题】：How to handle mouseover event in EaselJS?如何在 EaselJS 中处理鼠标悬停事件？
【发布时间】：2013-05-02 21:00:56
【问题描述】：

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

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

我尝试过这样的事情：

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

发现这行得通：

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

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

【问题讨论】：

【解决方案1】：

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

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

假设您也将 enableMouseOver 称为 documented：

stage.enableMouseOver(20);

【讨论】：