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

Mil*_*kov 3 mouseover easeljs

我正在使用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++;
};
Run Code Online (Sandbox Code Playgroud)

并发现这有效:

btn.onMouseOver = function() {
    btn.x++;
};
Run Code Online (Sandbox Code Playgroud)

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

Wir*_*rie 7

您应该使用addEventListener此示例中所示(每次将鼠标移到圆圈上时,Alpha /透明度会发生变化):

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

circle.addEventListener("mouseover", function() {
   circle.alpha *= .80;
   stage.update();
});
Run Code Online (Sandbox Code Playgroud)

它假定你叫enableMouseOver的记录,以及:

stage.enableMouseOver(20);  
Run Code Online (Sandbox Code Playgroud)

  • 太糟糕了,这对性能的影响是显着的。仅启用鼠标悬停事件(实际上并未添加任何处理程序)会对我的应用程序产生巨大的性能影响。 (2认同)