EaselJS 事件



EaselJS 事件类型

1.click 鼠标单击事件
2.dbClick 鼠标双击事件
3.mousedown 鼠标按下事件
4.mouseover 鼠标移过事件
5.mouseout 鼠标移出事件
6.tick 每次舞台更新执行的事件
7.stagemouseup 鼠标在舞台释放事件
8.stagemousemove 鼠标在舞台移过事件
9.stagemousedown 鼠标在舞台按下事件
10.complete 完成时执行事件
11.animationend 动画播放到最后执行事件




对象拥有的事件

Bitmap
(click,dbClick,mousedown,mouseover,mouseout,tick)

BitmapAnimation
(click,dbClick,mousedown,mouseover,mouseout,tick,animationend)

Container
(click,dbClick,mousedown,mouseover,mouseout,tick)

DisplayObject
(click,dbClick,mousedown,mouseover,mouseout,tick)

DOMElement
(click,dbClick,mousedown,mouseover,mouseout,tick)

MouseEvent
(mouseover,mouseout)

MovieClip
(click,dbClick,mousedown,mouseover,mouseout,tick)

Shape
(click,dbClick,mousedown,mouseover,mouseout,tick)

SpriteSheet
(complete)

SpriteSheetBuilder
(complete)

Stage
(click,dbClick,mousedown,mouseover,mouseout,tick,stagemouseup,stagemousemove,stagemousedown)

Text
(click,dbClick,mousedown,mouseover,mouseout,tick)

Ticker
(tick)


例子1 一个简单的实例

[html]  view plain copy print ?
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.     <meta charset="gbk">  
  5.     <script type="text/javascript" src="easeljs-0.6.0.min.js"></script>  
  6. </head>  
  7. <body>  
  8.     <canvas id="myCanvas" width="200" height="200">  
  9.         你的浏览器不支持canvas标签  
  10.     </canvas>  
  11.     <script>  
  12.         var myCanvas=document.getElementById("myCanvas");  
  13.         var stage=new createjs.Stage(myCanvas);  
  14.         var shape=new createjs.Shape();  
  15.         shape.graphics.beginFill("red").drawRect(0,0,50,50);  
  16.         shape.x=shape.y=80;  
  17.         shape.addEventListener("click",clickEvent);  
  18.         function clickEvent(event){  
  19.             shape.rotation+=20;  
  20.             stage.update();  
  21.         }  
  22.         stage.addChild(shape);  
  23.         stage.update();  
  24.     </script>  
  25. </body>  
  26. </html>  



shape.graphics.beginFill("red").drawRect(0,0,50,50);
绘制矩形


shape.x=shape.y=80;
设置图形的x,y坐标


shape.addEventListener("click",clickEvent);
增加监听事件,参数一为事件类型,click单击事件,参数二为监听器.


function clickEvent(event){
shape.rotation+=20;
stage.update();
}
鼠标单击时执行事件,旋转20度然后更新舞台.

你可能感兴趣的:(EaselJS 事件)