Flex or JS Event Flow
Flex EventºÍJS EventÒ»Ñù£¬¶¼´æÔÚÒ»¸öʼþÁ÷£¬Õâ¸öʼþÁ÷³£³£»áµ¼ÖÂһЩÌäЦ½Ô·ÇµÄBugÒÔ¼°´íÎó£»
Event Flow
l Capturing:
ʼþ²¶»ñ½×¶Î£¬Èç¹ûÒ»¸ö°´Å¥B1·ÅÔÚÒ»¸öPanel P1ÈÝÆ÷µ±ÖУ¬µ±ÎÒÃǽ²P1×¢²áµã»÷ʼþEP£¬½«B1×¢²áµã»÷ʼþEB,Panel p1µÄ¸¸ÈÝÆ÷ΪApplication app£»
b1.addEventListener(MouseEvent.CLICK,e1);
p1.addEventListener(MouseEvent.CLICK,e2);
app.addEventListener(MouseEvent.CLICK,e3);
´Ëʱ£¬µ±ÎÒÃǵã»÷B1µÄʱºò£¬·¢ÏÖEPͬʱҲ»áµÃµ½³ö·¢£»
´ÓRootÔªËØµ½µã»÷µÄÔªËØ£¬ÖмäµÄËùÓÐb1->parentËù×¢²áµÄͬÀàʱ¼ä¶¼»á´¥·¢£¬ÕâÖÖ´Ó¸ùµ½Êó±êʵ¼Êµã»÷µÄÄ¿±êÔªËØµÄ¹ý³Ì½Ð×öʼþµÄ²¶»ñ£»
App-----àp1----------
l Targeting
Ä¿±ê½×¶Î£º´Ëʱµ±¾ÀúÁËcapturing½×¶ÎÒÔºó£¬Ê¼þÁ÷Á÷¾Êó±êÖ±½Óµã»÷µÄÄ¿±êÔªËØ£¬´ËʱĿ±êÔªËØÉϼàÌýµÄʼþ¼àÌýÆ÷±»´¥·¢£¬´Ëʱ±íÏÖΪEB±»´¥·¢£»
l Bubbing£º
ðÅݽ׶Σº¹ËÃû˼Ò壬´Ëʱ£¬Ê¼þÁ÷¾¹ýÒ»´Îµü´úÁ÷¾ÁËÄ¿±êÔªËØDOMÊ÷ÉÏËùÓнڵãÒԺ󣬿ªÊ¼ÒÔðÅݵÄÐÎÊÆ£¬Íù»ØÁ÷¾ËùÓеÄÔªËØ£»´ËʱµÄ¹ý³ÌÓë²¶»ñ½×¶ÎÕýºÃÏà·´£»
b1.addEventListener(MouseEvent.CLICK,e1);
p1.addEventListener(MouseEvent.CLICK,e2);
app.addEventListener(MouseEvent.CLICK,e3);
µÄÕý³£Ë³Ðò·Ö±ðÊÇ´¥·¢ e1(Ä¿±ê½×¶Î)--àe2(ðÅݽ׶Î)---àe3(ðÅݽ׶Î)
b1.addEventListener(MouseEvent.CLICK,e1);
p1.addEventListener(MouseEvent.CLICK,e2,true);
app.addEventListener(MouseEvent.CLICK,e3,true);
addEventListenerµÄµÚÈý¸ö²ÎÊýΪuse_capture£¬Ä¬ÈÏΪfalse£¬±íʾ´Ëʼþ¼àÌýÆ÷ÔÚ²¶»ñ½×¶Î²»´¥·¢£¬´ËʱÈç¹ûÉèÖÃΪtrue,Ôòʼþ´¥·¢Ë³ÐòΪ:
e3(²¶»ñ½×¶Î)-àe2(²¶»ñ½×¶Î)àe1(Ä¿±ê½×¶Î)
Ïà¹ØÎĵµ£º
Ò».ͨ¹ýjs·ÃÎÊFlex×é¼þ
1.×¼±¸¹¤×÷¡£ÏȽ¨Á¢Flex¹¤³Ì :fademo£¬²¢·ÅÖÃÒ»¸öÎı¾¿ò:txtName¡£×öÍêºó´úÂëÓ¦¸ÃÀàËÆÓÚÕâ¸öÑù×Ó£º
view plaincopy to clipboardprint?
·········10······· ......
Ê×ÏÈÔÚfademo.mxmlÖÐÉùÃ÷Ò»¸öbutton£¬²¢Ìí¼ÓÒ»¸öbtnClick·½·¨£º
view plaincopy to clipboardprint?
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
......
1. ×î¼òµ¥µÄ¾¯¸æ´°¿Ú
ÄãÐèÒªÏȵ¼ÈëAlertÀࣺ import mx.controls.Alert;
È»ºóÔÚÏëÒªµ¯³ö¾¯¸æµÄʱºòʹÓãº
Alert.show(“ÄãÈ·¶¨ÒªÍ˳öϵͳÂð?”,“È·ÈÏ”,Alert.YES|Alert.NO,null,logout)
²ÎÊý˵Ã÷£ºµÚÒ»¸ö²ÎÊýÊÇÒªÏÔʾµÄÎı¾£¬µÚ¶þ¸ö²ÎÊýÊÇ´°¿ÚµÄ±êÌ⣬ÕâÁ½¸ö²ÎÊýÊÇ×î¾³£Óõġ£µÚÈý¸ö²ÎÊýÊǰ´Å¥£ ......
Adobe Flex 3 Help > Flex Programming Elements > Using Events
Adobe Flex 3 Help
Flex Programming Elements / Using Events
Using events
Using events in Flex is a two-step process. First, you write a function or class method, known as an event listener or event handler, that responds ......