[AS3]as3双击动作DOUBLE_CLICK解惑
AS2双击事件要自己模拟算两次单击的时间差,as3提供了双击事件的调用,但有时候碰到双击事件无法响应,所以总结下原因。
先摘录一段官方关于 doubleClick 事件发生的条件。
如果 InteractiveObject 的 doubleClickEnabled 标志设置为 true,当用户在该对象上快速连续按下两次并释放指针设备的主按钮时调度。要使 doubleClick 事件发生,它必在以下一系列事件后面:mouseDown、mouseUp、click、mouseDown、mouseUp。 所有这些事件必须共享与 doubleClick 事件相同的目标。
再来看一个示例,代码一样的两个影片剪辑,有一个却无法响应双击事件:
mc_test1.doubleClickEnabled=true;
mc_test1.addEventListener(MouseEvent.DOUBLE_CLICK,Test1Handler);
function Test1Handler(e:MouseEvent):void
{
txt.text="test1双击";
}
mc_test2.doubleClickEnabled=true;
mc_test2.addEventListener(MouseEvent.DOUBLE_CLICK,Test2Handler);
function Test2Handler(e:MouseEvent):void
{
txt.text="test2双击";
trace(e.target.name);
}
代码完全一样为什么,mc_test2无法响应双击事件呢。
其中的奥妙在官方的下面那段话。
要使 doubleClick 事件发生,它必在以下一系列事件后面:mouseDown、mouseUp、click、mouseDown、mouseUp。 所有这些事件必须共享与 doubleClick 事件相同的目标。
因为mc_test1内部无其他影片剪辑,而mc_test2内部有其他影片剪辑,默认所有的影片剪辑包括文字是自动接收鼠标事件的,所以 doubleClick 事件并未发生在mc_test2上,推测其双击事件发生在其子项目上。
修改下代码成这样:
mc_test1.doubleClickEnabled=true;
mc_test1.addEventListener(MouseEvent.DOUBLE_CLICK,Test1Handler);
function Test1Handler(e:MouseEvent):void
{
txt.text="test1双击";
}
mc_test2.doubleClickEnabled=true;
mc_test2.mouseChildren=false;
mc_test2.addEventListener(MouseEvent.DOUBLE_CLICK,Test2Handler);
function Test2Handler(e:MouseEvent):void
{
txt.text="test2双击";
trace(e.target.name);
}
果然这时候一切正常。为了再验证下是否真的发生在子项。添加以下输出信息。
mc_test1.doubleClickEnabled=true;
mc_test1.addEventListener(MouseEvent.DOUBLE_CLICK,Test1Handler);
function Test1Handler(e:MouseEvent):void
{
txt.text="test1双击";
}
mc_test2.doubleClickEnabled=true;
mc_test2.addEventListener(MouseEvent.DOUBLE_CLICK,Test2Handler);
mc_test2.addEventListener(MouseEvent.MOUSE_DOWN,TestDownHandler);
mc_test2.addEventListener(MouseEvent.MOUSE_UP,TestUpHandler);
mc_test2.addEventListener(MouseEvent.CLICK,TestClickHandler);
function Test2Handler(e:MouseEvent):void
{
txt.text="test2双击";
trace(e.target.name);
}
function TestDownHandler(e:MouseEvent):void
{
trace("按下2");
trace(e.target.name);//instance4
}
function TestUpHandler(e:MouseEvent):void
{
trace("弹起2");
trace(e.target.name);//instance4
}
function TestClickHandler(e:MouseEvent):void
{
trace("单击2");
trace(e.target.name);//instance4
}并没有输出mc_test2,而输出instance4,这应该就是自动命名的子项影片剪辑吧。
热门文章推荐
- [HLS]做自己的m3u8点播系统使用HTTP Live Streaming(HLS技术)
- [FMS]FMS流媒体服务器配置与使用相关的介绍
- [AS3]什么是M3U8,与HTML5的区别是什么
- AS2.0 让flash自适应全屏,并且不自动缩放
- [AS3]as3.0的sound类常用技巧整理
- [AS3]as3与ByteArray详解、ByteArray介绍、ByteArray用法
- 关于RTMP,RTMPT,RTMPS,RTMPE,RTMPTE协议的介绍
- [JS]分享浏览器弹出窗口不被拦截JS示例