您的位置:首页 > 其它

AS3:辨析ROLL_OVER与MOUSE_OVER,ROLL_OUT与MOUSE_OUT

2015-05-12 10:54 134 查看
ROLL_OVER与MOUSE_OVER的调度的区别

可视组件在鼠标进入该组件时会调度MOUSE_OVER事件,即使是从其子组件移到该组件依然会触发该事件。
可视组件在鼠标从不是其子组件的其余组件中进入该组件时会调度ROLL_OVER事件,直观来看,就是鼠标从外部移入该组件才调用。

ROLL_OUT与MOUSE_OUT的调度的区别

可视组件在鼠标移出该组件时会调度MOUSE_OUT事件,即使是移到该组件的子组件依然会触发该事件。
可视组件在鼠标移到不是其子组件的其余组件中会调度ROLL_OUT事件,直观来看,就是鼠标移到该组件外部才调用。

在含有子组件的可视组件上监听四个事件

鼠标由外部进入母组件时能监听到由母组件调度的ROLL_OVER与MOUSE_OVER事件;
鼠标由母组件进入子组件时能监听到由子组件调度的MOUSE_OVER事件和母组件调度的MOUSE_OUT事件;

此时子组件还调度了ROLL_OVER事件,但是由于ROLL_OVER没有冒泡阶段(详见AS3:事件流机制),因此其母组件不能监听到该事件;

鼠标由子组件移到母组件时能监听到由子组件调度的MOUSE_OUT事件和母组件调度的MOUSE_OVER事件;

同样的,此时子组件还调度了ROLL_OUT事件,但是母组件同样监听不到;

鼠标由母组件移到外部时能监听到由母组件调度的ROLL_OUT与MOUSE_OUT事件;

总结
MOUSE事件与ROLL事件的区别在于如下两点:

鼠标在母组件与子组件上移入移出时是否调度的区别。
MOUSE事件具有冒泡阶段而ROLL事件没有,决定了在子组件调度事件时母组件是否能监听到的区别。

总之,ROLL事件将整个母组件包括其子组件看成一个组件,移入移出整个组件的边界时母组件才调度事件并能监听该事件。
FLASH示例
在母容器设置监听这四个事件,显示内容前一个为调度事件来源,后一个为调度的事件名称。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: