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

Question

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

http://www.createjs.com/Docs/EaselJS/classes/Container.html#event_mouseover

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

我试过这样的事情：

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

并发现这有效：

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

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

Answer 1

您应该使用此示例中显示的addEventListener（每次将鼠标移到圆圈上时，Alpha /透明度会发生变化）：

http://jsfiddle.net/wiredprairie/U3PYD/

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

它假设您已将enableMouseOver调用为documented：

stage.enableMouseOver(20);