今天寫了一些Flex代碼,在處理Flex中的事件的時候有一些不明白,仔細看了文檔之后終于明白了,在此記錄一下。
Flex的事件其實很容易明白,象JAVA語言一樣,給某個控件注冊一個listener,然后事件發生的時候觸發相應的函數,這點我相信大多數人都能夠明白。今天我想要說的不是這個,而是更加細節的一些東西。
1.事件的傳播過程。
Flex事件有下面三個階段,當事件發生時依次為:
1.capturing(捕捉)
2.targeting(定位)
3.bubbling(起泡或者回溯)
在這些階段,程序中從根節點到觸發事件的節點(這里的節點就是指可以把整個MXML文件看作是一個XML,那么節點就是各個標簽)都有機會來響應事件。假設用戶點擊了HBox容器中的一個Button,在capturing階段Flex會檢查Application和HBox是否對此事件定義了listener,然后在targeting階段Flex觸發Button的listener,在bubbling階段Flex又會檢查Application和HBox,不過這次的順序和capturing狀態時相反。也就是說,事件發生的時候從根節點到目標節點的父節點有兩次機會可以響應事件。
整個事件的這三個階段也就形成了一個事件流。所以你可以在工作流中的任意節點上注冊listener而不用擔心不會被觸發。還有一點需要說明的是,只有可視的對象(比如一些容器和控件)才有第一個和第三個階段,而像Socket這種沒有界面的對象只能在targeting時被觸發,它無法參與第一個和第三個階段。
雖然每個對象都有兩次響應事件的機會,但是在默認情況下,capturing狀態時沒有對象會響應事件,除非你特別聲明要在capturing階段響應。你可以把addEventListener() 中的use_capture參數設置為true,這樣就可以在capturing階段響應了。但是請注意,一旦在capturing中響應過之后在bubbling階段就不會再響應了。如果你想要讓listener在capturing和bubbling階段都響應的話,只能兩次調用addEventListener() ,一次把use_capture參數設置為true,第二次把它設置為false。
另外,你只能為可以觸發一個事件的對象注冊此事件的listener。比如,你就不能為一個Form定義一個Click事件,即使它包含一個Button控件,因為Form無法觸發Click事件。
你可以使用下面兩個函數來中止事件的傳播:
stopPropagation()
stopImmediatePropagation()
兩者唯一的區別就是stopPropagation()是在當前對象的所有listener執行完畢之后再中止事件的傳播,而另外一個是立刻終止。
2.Flex事件中的target和currentTarget
每個Event對象都有target和currentTarget屬性,他們可以幫助你跟蹤事件傳播過程。target指的是觸發事件的對象,而currentTarget則是指當前階段正在被檢測到的對象。這樣說可能不太好理解,拿上面的那個例子來說吧,在單擊事件中target就是那個button(或者其子組件),不會變,而currentTarget則首先是Application,然后是HBox,然后……明白了吧?currentTarget就是當前正在被事件所檢測的對象。currentTarget在Flex 1.5中是沒有的,是Flex 2新加入的。
當我點擊一個Button時,target很有可能并不是這個Button,而是Button的UITextField,就是顯示按鈕文字的組件。但是大多數時候你都是想操作Button對象或者其他注冊了listener的對象,很少有人為UITextField對象注冊listener。所以大多數時候你都用currentTarget而不是target來操作他們。舉個例子:
<mx:Button label="OK" click="trace(event.currentTarget.label)"/>
在這種情況下,currentTarget就是指Button,而target指什么就取決于用戶點擊了Button上哪個地方了。所以一般你很少用到target屬性,大多數情況下都應該使用currentTarget。
終于總結完了,好像事件還有許多其他我沒注意的地方,如果你認為我疏忽了什么,please leave a comment。Thank you.