《FLASH CC 2015 CANVAS 中文教程》——2、基本的交互（点击、触摸）事件

注：1：如果你对 FLASH 这个软件操作不够熟悉，建议你可以先看看FLASH动画之类的书。

　　2：FLASH CC 2015 在文中直接简称为CC。 

　　3：以下所以文章中所说的快捷键 如果你按了不起作用，请检查是否有其他正在运行的软件快捷冲突。　　

　　4：bolg中为了节约篇幅以及阅读体验，不重要的图我就不贴出来了

　　5：我教程里使用的是 FLASH CC 2015 中文版 （15.0.0.173）

　　6：强烈建议不要装绿色精简版，因为他可能导致你的软件使用过程出现未知问题

　　7：速成班 请参看我另一系列教程 FLASH CC 2015 CANVAS （x）这类标题名的文章（不推荐）

-----------------------↑↑↑↑↑↑以上的注意真的很重要哦，真的！↑↑↑↑↑↑-------------------------------

2、基本的点击事件

2.1 点击播放动画

动画中一般都会涉及到，点击xx 播放yy动画或者循环播放一段zz动画这样的需求。所以掌握基本的鼠标点击（手指）代码也是一个动画设计师的基本技能。

我们继续拿第一篇里的例子（可以直接去第一篇末尾下载）

在时间轴新增加一个层，取名为js

选中第一帧，按F9 打开代码面板，写下如下代码

这样我们的动画就会停止在这一帧。发布测试一下。

然后选中舞台上的cow,F8转换为影片剪辑，并在属性面板上命名为cow。如下：

我们再次选中js层的第一帧 F9继续写代码

发布测试，我们点击奶牛，成功播放了动画。

2.2其他的点击事件

added

click

dblclick

mousedown

mouseout

mouseover

pressmove

pressup

removed

rollout

rollover

tick

舞台 stage事件

stagemousedown

stagemousemove

stagemouseup

关于这些事件，建议大家直接去 http://www.createjs.com/#docs熟读API

如果是在移动端使用 click 会有几百毫秒的延迟，当然移动端我们一般不再使用click，而是使用touch事件，当然我们这里使用的是mousedown,pressup（当然你也可以继续使用在CC中使用touch事件，我会在后面的章节中详细说明）

但是你会发现他们无法在正确时间响应。这是需要你在test.html中添加一句代码。如下：

 createjs.Touch.enable(stage);

添加到stage=new createjs.Stage(canvas) 后面一行。如下：

当然你也可以根据你的具体需求自己决定它放在哪。

本文源码下载：

http://pan.baidu.com/s/1i3GSPTz