·您当前的位置:首页 > 技术教程 > AS2与AS3技术 >

[AS3]as3双击动作DOUBLE_CLICK解惑

时间:2016-02-23 17:24酷播
[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,这应该就是自动命名的子项影片剪辑吧。

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器