首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 媒体动画 > flex >

flex冒泡事件有关问题处理

2012-12-31 
flex冒泡事件问题处理问题:点击第三级元素,结果一二级元素也影响了!解决方案:???? 事件监听时需要多设置一

flex冒泡事件问题处理

问题:点击第三级元素,结果一二级元素也影响了!

解决方案:

???? 事件监听时需要多设置一个参数false,而true意味着事件在所有过程传递也是默认的值。

p0.addEventListener(MouseEvent.CLICK, p0_clickHandler, false);

??? 每个事件都需要防止冒泡

event.stopPropagation();

?所有代码如下:

<?xml version="1.0" encoding="utf-8"?><s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"    xmlns:s="library://ns.adobe.com/flex/spark"    creationComplete="application1_creationCompleteHandler(event)"   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"><fx:Script><![CDATA[import mx.controls.Alert;import mx.events.FlexEvent;protected function btn0_clickHandler(event:MouseEvent):void{// TODO Auto-generated method stubAlert.show("btn0","msg");}protected function btn1_clickHandler(event:MouseEvent):void{// TODO Auto-generated method stubAlert.show("btn1","msg");}protected function btn2_clickHandler(event:MouseEvent):void{// TODO Auto-generated method stubAlert.show("btn2","msg");}protected function p0_clickHandler(event:MouseEvent):void{// TODO Auto-generated method stubAlert.show("p0_clickHandler","msg");event.stopPropagation();}protected function p1_clickHandler(event:MouseEvent):void{// TODO Auto-generated method stubAlert.show("p1_clickHandler","msg");event.stopPropagation();}protected function p2_clickHandler(event:MouseEvent):void{// TODO Auto-generated method stubAlert.show("p2_clickHandler","msg");event.stopPropagation();}protected function application1_creationCompleteHandler(event:FlexEvent):void{// TODO Auto-generated method stubp0.addEventListener(MouseEvent.CLICK, p0_clickHandler, false);p1.addEventListener(MouseEvent.CLICK, p1_clickHandler, false);p2.addEventListener(MouseEvent.CLICK, p2_clickHandler, false);}]]></fx:Script><fx:Declarations><!-- Place non-visual elements (e.g., services, value objects) here --></fx:Declarations><s:Panel id="p0" width="900" height="600" title="一级"><s:layout><s:HorizontalLayout/></s:layout><s:Panel id="p1" width="600" height="300" title="二级"><s:layout><s:HorizontalLayout/></s:layout><s:Panel title="三级" id="p2" width="300" height="150"><s:Button id="btn2" click="btn2_clickHandler(event)" label="btn2"/></s:Panel><s:Button id="btn1" click="btn1_clickHandler(event)" label="btn1"/></s:Panel><s:Button id="btn0" click="btn0_clickHandler(event)" label="btn0"/></s:Panel></s:Application>
?

热点排行