OSDN Git Service

Fix the bug of X.NodeAnime.
[pettanr/clientJs.git] / 0.6.x / js / 01_core / 15_XEventDispatcher.js
1 /**\r
2  * <p>EventDispatcher インスタンスのメンバ(_listeners)でイベントリスナをイベント名(string)や\r
3  * イベントID(5~以上の number, フレームワーク内で定義、5 以上になる理由は後述)をキーとする Array で記憶します。\r
4  * \r
5  * <p>Arrayには、__CallbackHash__ というハッシュ、または関数が蓄えられています。\r
6  * \r
7  * <p>また、イベントターゲット(EventDispatcher[ '_rawObject' ])に渡された再利用可能クロージャの控えを _listeners[0] に記憶します。(ACTUAL_HANDLER)\r
8  * \r
9  * <p>dispatch 中の状態と操作を記録し不整合が起きないようにするためのプロパティ(_listeners[1]~_listeners[4])を持ちます。イベントID が 5 から始まるのはこのためです。\r
10  * \r
11  * <dl>\r
12  * <dt>0:ACTUAL_HANDLER\r
13  * <dd>イベントターゲットの addEventListener 等に渡される実際の関数(多くの場合、再利用可能クロージャ、それ以外は通常の関数)を控えています。\r
14  * <dt>1:DISPATCHING number\r
15  * <dd>dispatch 中か?さらにインスタンス自身の dispatch がネストした場合、その深さを記憶します。\r
16  * <dt>2:RESERVES Array\r
17  * <dd>イベント発火中に listen() が呼ばれた場合に引数を蓄え、完了時(DISPATCHING===0)に再度 listen() するための一時ストアです。\r
18  * <dt>3:UNLISTENS Object\r
19  * <dd>イベント発火中に unlisten() が呼ばれた場合に対象リスナを記憶し、リスナが呼ばれないようにします。完了時(DISPATCHING===0)に再度 unlisten() します。\r
20  * <dt>4:KILL_RESERVED boolean\r
21  * <dd>dispatch 中に kill() が呼ばれた場合に一旦 kill をキャンセルし、完了時(DISPATCHING===0)に再度 kill() するためのフラグです。\r
22  * </dl>\r
23  * \r
24  * @class __Listeners__\r
25  * @private\r
26  */\r
27 var X_Listeners_;\r
28 \r
29 var X_LISTENERS_ACTUAL_HANDLER = 0,\r
30         X_LISTENERS_DISPATCHING    = 1,\r
31         X_LISTENERS_RESERVES       = 2,\r
32         X_LISTENERS_UNLISTENS      = 3,\r
33         X_LISTENERS_KILL_RESERVED  = 4; // X.Event で、イベントIDを 5 から始めているので注意。\r
34 \r
35 \r
36 // ------------------------------------------------------------------------- //\r
37 // ------------ local variables -------------------------------------------- //\r
38 // ------------------------------------------------------------------------- //\r
39 var X_EventDispatcher_EVENT_TARGET_OTHER        = 0,\r
40         X_EventDispatcher_EVENT_TARGET_XHR          = 1,\r
41         X_EventDispatcher_EVENT_TARGET_SILVER_LIGHT = 2;\r
42 \r
43 var X_EventDispatcher_once         = false,\r
44         X_EventDispatcher_lock         = false,\r
45         X_EventDispatcher_unlock       = false,\r
46         X_EventDispatcher_needsIndex   = false,\r
47         \r
48         X_EventDispatcher_safariPreventDefault = false, // Safari3-\r
49 \r
50         X_EventDispatcher_LAZY_TIMERS  = {},// Object.<number, X.EventDispatcher> number は timerID\r
51         \r
52         // iOS と MacOSX Iron36 で発生。連続してアニメーションが起こると、クロージャの束縛された obj へのアクセスに失敗する。Win では起きない?\r
53         // むしろ、MacOSX のブラウザ全般で起こる??\r
54         X_EventDispatcher_ANIME_EVENTS = ( X_UA[ 'WebKit' ] || X_UA[ 'Blink' ] ) && {\r
55                 'transitionend'      : true, 'webkitTransitionEnd'      : true, 'mozTransitionEnd'    : true, 'oTransitionEnd' : true, 'otransitionEnd' : true,\r
56                 'animationend'       : true, 'webkitAnimationEnd'       : true, 'oAnimationEnd'       : true,\r
57                 'animationstart'     : true, 'webkitAnimationStart'     : true, 'oAnimationStart'     : true,\r
58                 'animationiteration' : true, 'webkitAnimationIteration' : true, 'oAnimationIteration' : true\r
59         };\r
60 \r
61 // ------------------------------------------------------------------------- //\r
62 // --- interface ----------------------------------------------------------- //\r
63 // ------------------------------------------------------------------------- //\r
64 \r
65 /**\r
66  * <p>ぺったんR フレームワークの特徴であるイベントリスナの作法は次の記事で詳しく解説しています。\r
67  *      <a href="http://outcloud.blogspot.jp/2015/06/eventdispatcher.html" target="_blank">ぺったんRフレームワークのコールバックのお作法</a>\r
68  * \r
69  * <ol>\r
70  * <li>as3 の EventDispatcher ライクなクラス。そのまま使ったり、継承したり。\r
71  * <li>_rawObject メンバがいる場合、addEventListener, attachEvent, on 等で生のブラウザオブジェクトにリスナを登録する。\r
72  *     window, document, HTMLElement, Image, XHR, Silverlight などが _rawObject になる。\r
73  * <li>イベントディスパッチ中にリスナの追加が呼び出された場合、リスナはこれ以降のイベントから呼ばれます。同様にリスナの削除が呼ばれた場合、そのリスナが呼ばれることはありません。\r
74  * </ol>\r
75  * <p>listen, unlisten, dispatch という addEventListener, removeEventListener, dispatchEvent に対応する関数を持ちます。\r
76  * また listening という ActionScript3 の hasEventListener に相当する関数を持ちます。\r
77  * \r
78  * <p>イベントターゲットオブジェクト(widnow, document, HTMLElement, XHR, Silverlight 等)が this[ '_rawObject' ] に設定されていた場合に、それらへ実際のイベント登録・解除も行います。\r
79  * このイベントの登録・解除はクロスブラウザで、IE5~8 の独自イベントの差異を吸収し、DOM0 に対しても複数のコールバックを登録することができます。\r
80  * \r
81  * <p>またコールバックに対して、this コンテキストや、追加の引数を指定もできます。 this コンテキストを指定しなかった場合、EventDispatcher インスタンスがコールバックの this になります。 \r
82  * \r
83  * <p>unlisten() では systemListen 経由で登録されたハンドラは解除されません。\r
84  * \r
85  * systemListen, systemUnlisten は、ライブラリ内のコードからしかアクセスできません。\r
86  * \r
87  * @alias X.EventDispatcher\r
88  * @class EventDispatcher オブジェクトをラップしたり、アプリケーションで独自に定義したイベントを発信するためのクラスです。\r
89  * @constructor \r
90  * @constructs EventDispatcher\r
91  * @extends {__ClassBase__}\r
92  */\r
93 var X_EventDispatcher = X[ 'EventDispatcher' ] =\r
94         X_Class_create(\r
95                 'EventDispatcher',\r
96                 \r
97             /** @lends EventDispatcher.prototype */\r
98                 {\r
99 \r
100                 /**\r
101                  * EventDispatcher がラップしている EventTarget オブジェクトのタイプです。<br>\r
102                  * X_EventDispatcher_actualAddEvent で使用されます。<br>\r
103                  * OTHER:0(node,window,document,Image,Audio), XHR:1, Silverlight:2\r
104                  * @private\r
105                  * @type {number}\r
106                  */\r
107                         '_rawType'      : X_EventDispatcher_EVENT_TARGET_OTHER,\r
108                 \r
109                 /**\r
110                  * イベントリスナをイベント名文字列や数値(5以上、フレームワーク内で定義)をキーとするArrayで記憶します。<br>\r
111                  * Arrayには、{cbKind:種類,context:コンテキスト(thisObject),func:コールバック関数,supplement:サプリメントする引数の配列} というハッシュ、または関数が蓄えられています。\r
112                  * \r
113                  * @private\r
114                  * @type {__Listeners__}\r
115                  */\r
116                         '_listeners'    : null,\r
117 \r
118                 /**\r
119                  * _rawObject には HTMLElement, window, document, XHR といったイベントターゲットオブジェクトを設定します。\r
120                  * _rawObject が設定されていると listen(), unlisten() 時に addEventListener(DOM Level2) や detachEvent(ie5~8), on~(DOM0) 等を操作します。\r
121                  * _rawObject は最初の listen() 前に設定しておかないと addEventListener 等が意図したように行われません。\r
122                  * X.Node では非同期に HTMLElement を生成していますが、要素生成以前に listen, unlisten を呼び出すことができます。これは適宜に X_EventDispatcher_toggleAllEvents を呼んで解決しているためです。\r
123                  * @private\r
124                  * @type {Object}\r
125                  */\r
126                         '_rawObject'    : null,\r
127                         \r
128             /**\r
129              * X.EventDispatcher のコンストラクタの実体。<br>\r
130                  * イベントターゲットをラップする場合、通常は new 時に渡します。<br>\r
131                  * アプリケーション独自のイベントをやり取りしたいだけ、という場合イベントターゲットは指定しません。\r
132              * @param {object=} opt_rawObject\r
133              */\r
134                         'Constructor' : function( opt_rawObject ){\r
135                                 if( opt_rawObject ){\r
136                                         this[ '_rawObject' ] = opt_rawObject;\r
137                                 };\r
138                         },\r
139 \r
140                         'dispatch' : X_EventDispatcher_dispatch,\r
141                         \r
142                         'listen' : X_EventDispatcher_listen,\r
143                 \r
144                 /**\r
145                  * dispatch 時に自動で unlisten されるフラグを立てて listen する。\r
146                  * @param {string|number|Array.<string,number>} type 配列を指定した場合、複数のイベントタイプに対して同じコールバックを登録する。\r
147                  * @param {listener|function|Array} [opt_arg1=]\r
148                  * @param {function|Array} [opt_arg2=]\r
149                  * @param {Array} [opt_arg3=] コールバック時の引数を配列に入れる。引数がひとつでも配列を使用する。省略した場合引数なし。unlisten() に使用するので、配列も適宜に保持しておくこと。\r
150                  * @return {EventDispatcher} チェインメソッド\r
151                  */\r
152                         'listenOnce' : function( type, opt_arg1, opt_arg2, opt_arg3 ){\r
153                                 X_EventDispatcher_once = true;\r
154                                 this[ 'listen' ]( type, opt_arg1, opt_arg2, opt_arg3 );\r
155                                 X_EventDispatcher_once = false;\r
156                                 return this;\r
157                         },\r
158 \r
159                         'unlisten' : X_EventDispatcher_unlisten,\r
160 \r
161                 /**\r
162                  * <p>イベントリスナの登録状況を真偽値で返す。戻り値が数値(index)の場合もあるが、これは内部のみで使用。\r
163                  * <p>this.listening(); のように type を省略した場合、一つでも登録があれば true を返す。\r
164                  * <p>this.listening( 'myevent' ); と type だけを与えた場合、その type に登録があれば true を返す。\r
165                  * <p>type と イベントリスナの組み合わせが登録されているかを調べる場合は、listen 時の thisObject や args(Array) も一致させて渡す必要がある。\r
166                  * \r
167                  * @example \r
168                  *  this.listen( [ 'myevent', 'yourevent' ], this, onMyEvent, args = [ 1, 'a' ] );\r
169                  *  this.listening( 'myevent', this, onMyEvent, args ) === true;\r
170                  * \r
171                  * @return {number|boolean}\r
172                  * @param {string|number} opt_type\r
173                  * @param {listener|function|Array|callbackHash} opt_arg1\r
174                  * @param {function|Array} opt_arg2\r
175                  * @param {Array} opt_arg3\r
176                  */                     \r
177                         'listening' : function( opt_type, opt_arg1, opt_arg2, opt_arg3 ){\r
178                                 var listeners = this[ '_listeners' ],\r
179                                         lock      = X_EventDispatcher_lock || X_EventDispatcher_unlock,\r
180                                         list, cbHash, unlistens, i, f;\r
181                                 \r
182                                 if( opt_type === undefined ) return !!listeners;\r
183                                 if( !listeners || !( list = listeners[ opt_type ] ) ) return false;\r
184                                 if( opt_arg1 === undefined ) return X_EventDispatcher_needsIndex ? 0 : true;\r
185                                 \r
186                                 // TODO callbackHash か?判定が不十分! skipConvertion\r
187                                 if( opt_arg1.cbKind ){\r
188                                         cbHash = opt_arg1;\r
189                                 } else {\r
190                                         cbHash = X_Closure_classifyCallbackArgs( opt_arg1, opt_arg2, opt_arg3, this );\r
191                                 };\r
192                                 \r
193                                 if( ( unlistens = listeners[ X_LISTENERS_UNLISTENS ] ) && ( unlistens = unlistens[ opt_type ] ) ){\r
194                                         for( i = unlistens.length; i; ){\r
195                                                 f = unlistens[ --i ];\r
196                                                 if( f === cbHash || ( f.context === cbHash.context && f.func === cbHash.func && f.funcName === cbHash.funcName && f.supplement === cbHash.supplement && f.lock === lock ) ) return false;\r
197                                         };\r
198                                 };\r
199                                 \r
200                                 for( i = list.length; i; ){\r
201                                         f = list[ --i ];\r
202                                         if( f === cbHash || ( f.context === cbHash.context && f.func === cbHash.func && f.funcName === cbHash.funcName && f.supplement === cbHash.supplement && f.lock === lock ) ){\r
203                                                 // index を要求された場合、lock されていない、または unlock なら index を返す\r
204                                                 return X_EventDispatcher_needsIndex ? i : true;\r
205                                         };\r
206                                 };\r
207                                 return false;\r
208                         },\r
209 \r
210                 /**\r
211                  * delay(ミリ秒)後にイベントを dispatch する。戻り値は uid = X.Timer.once() のタイマーID(数値)。X.Timer.remove(uid) でタイマーを解除して dispatch を中止できる。\r
212                  * kill() 時には内部でまだ呼ばれていないタイマーの X.Timer.remove() が行われる。インスタンスが破棄された後にタイマーが呼ばれることがないので神経質にならなくても安全に使える。\r
213                  * @example this[ 'asyncDispatch' ]( 'myevent' );\r
214                  * // どちらのコードも同じ動作をする。\r
215                  * this.asyncDispatch( 0, 'myevent' );\r
216                  * @param {number|eventHash|string} delay ms 省略した場合は 0 として扱う asyncDispatch( 'myevent' ) -> asyncDispatch( 0, 'myevent' )\r
217                  * @param {eventHash|string|number} e イベントを表す数値、文字列、{ type : XXX, ... } なオブジェクト\r
218                  * @return {number} X.Timer.add() の戻り値\r
219                  */                     \r
220                         'asyncDispatch' : function( delay, e ){\r
221                                 var timerID;\r
222                                 if( delay && e === undefined ){\r
223                                         e = delay;\r
224                                         delay = 0;\r
225                                 };\r
226                                 //{+dev\r
227                                 delay === undefined && eval( 'throw "asyncDispatch で undefined イベントが指定されました"' );\r
228                                 //}+dev\r
229                                 timerID = X_Timer_add( delay, 1, this, X_EventDispatcher_dispatch, [ e ] );\r
230                                 X_EventDispatcher_LAZY_TIMERS[ timerID ] = this;\r
231                                 return timerID;\r
232                         }\r
233                 }\r
234         );\r
235 \r
236 // ------------------------------------------------------------------------- //\r
237 // --- implements ---------------------------------------------------------- //\r
238 // ------------------------------------------------------------------------- //\r
239 \r
240 /**\r
241  * 登録されたイベントリスナを呼び出す。イベントリスナの返り値(数値)を OR したものを返す。イベントハッシュでなく、string|number を渡すと内部でイベントハッシュを作る。\r
242  * dispatch のコールバック中で kill() が呼ばれた場合、実際の kill は、dispatch の終わりまで待機する。dispatch がネストする場合は全ての dispatch の完了で kill() する。__ClassBase__ も参照。\r
243  * dispatch のコールバック中で listen() が呼ばれた場合、実際の listen は、dispatch の終わりまで待機する。dispatch がネストする場合は全ての dispatch の完了で listen() する。\r
244  * dispatch のコールバック中で unlisten() が呼ばれた場合、即座に反映され削除されたイベントリスナーは呼ばれない。\r
245  * @alias EventDispatcher.prototype.dispatch\r
246  * @param {eventHash|string|number} e\r
247  * @return {number} X.Callback で定義された数値(ビットフラグ)\r
248  */\r
249 function X_EventDispatcher_dispatch( e ){\r
250         var listeners = this[ '_listeners' ],\r
251                 ret       = X_CALLBACK_NONE,\r
252                 type      = e[ 'type' ],\r
253                 list, unlistens, i, l, args, f, r, sysOnly, timerID, k;\r
254         \r
255         if( !listeners || !( list = listeners[ type || e ] ) ) return X_CALLBACK_NONE;\r
256         \r
257         // 数値, 文字が渡された場合\r
258         if( !type ){\r
259                 e = { 'type' : type = e };\r
260         };\r
261         e[ 'target' ]        = e[ 'target' ] || this;\r
262         e[ 'currentTarget' ] = e[ 'currentTarget' ] || this;\r
263         \r
264         if( listeners[ X_LISTENERS_DISPATCHING ] ){\r
265                 ++listeners[ X_LISTENERS_DISPATCHING ];\r
266         } else {\r
267                 listeners[ X_LISTENERS_DISPATCHING ] = 1;\r
268         };\r
269 \r
270         //listeners[ X_LISTENERS_UNLISTENS ] = listeners[ X_LISTENERS_UNLISTENS ] || {};\r
271         //unlistens = listeners[ X_LISTENERS_UNLISTENS ][ type ];\r
272         \r
273         for( i = 0; i < list.length; ++i ){\r
274                 f = list[ i ];\r
275                 // TODO removed フラグは?\r
276                 if( f.removed ) continue;\r
277                 /*\r
278                 if( !unlistens ){\r
279                         unlistens = listeners[ X_LISTENERS_UNLISTENS ][ type ];\r
280                 };\r
281                 if( unlistens && unlistens.indexOf( f ) !== -1 ) continue;\r
282                 */\r
283                 \r
284                 r = X_Closure_proxyCallback( f, args || ( args = [ e ] ) );\r
285                 \r
286                 if( f.once || ( r & X_CALLBACK_UN_LISTEN ) ){\r
287                         // dispatch 中に unlisten が作られることがある\r
288                         if( !unlistens ){\r
289                                 unlistens = listeners[ X_LISTENERS_UNLISTENS ] || ( listeners[ X_LISTENERS_UNLISTENS ] = {} );\r
290                                 unlistens = unlistens[ type ] || ( unlistens[ type ] = [] );\r
291                         };\r
292                         unlistens.indexOf( f ) === -1 && ( unlistens[ unlistens.length ] = f );\r
293                 };\r
294                 ret |= X_Type_isFinite( r ) ? r : 0;\r
295                 \r
296                 if( ( r & X_CALLBACK_STOP_NOW ) === X_CALLBACK_STOP_NOW ){ // iOS では ( & ) 括弧が無いと判定を誤る\r
297                         sysOnly = true;\r
298                         break;\r
299                 };\r
300         };\r
301         \r
302         if( ( --listeners[ X_LISTENERS_DISPATCHING ] ) === 0 ){\r
303 \r
304                 delete listeners[ X_LISTENERS_DISPATCHING ];\r
305                 \r
306                 // dispatch 中に listen されたイベントの追加\r
307                 if( list = listeners[ X_LISTENERS_RESERVES ] ){\r
308                         for( i = 0, l = list.length; i < l; ++i ){\r
309                                 f = list[ i ];\r
310                                 X_EventDispatcher_once = f[ 4 ];\r
311                                 X_EventDispatcher_lock = f[ 5 ];\r
312                                 this[ 'listen' ]( f[ 0 ], f[ 1 ], f[ 2 ], f[ 3 ] );     \r
313                                 f.length = 0;\r
314                         };\r
315                         list.length = 0;\r
316                         X_EventDispatcher_once = X_EventDispatcher_lock = false;\r
317                         delete listeners[ X_LISTENERS_RESERVES ];\r
318                 };              \r
319                 \r
320                 // dispatch 中に unlisten されたイベントの削除\r
321                 if( unlistens = listeners[ X_LISTENERS_UNLISTENS ] ){\r
322                         delete listeners[ X_LISTENERS_UNLISTENS ];\r
323                         \r
324                         // _unlistens に入っている callbackHash は、lock をクリアしている\r
325                         X_EventDispatcher_unlock = true;\r
326                         for( k in unlistens ){\r
327                                 //if( X_EMPTY_OBJECT[ k ] ) continue;\r
328                                 list = unlistens[ k ];\r
329                                 for( i = list.length; i; ){\r
330                                         this[ 'unlisten' ]( k, list[ --i ] );\r
331                                 };\r
332                                 list.length = 0;\r
333                                 delete unlistens[ k ];\r
334                         };\r
335                         X_EventDispatcher_unlock = false;\r
336                 };\r
337                 \r
338                 if( X_EventDispatcher_LAZY_TIMERS[ X_Timer_currentUID ] === this ){\r
339                         delete X_EventDispatcher_LAZY_TIMERS[ X_Timer_currentUID ];\r
340                 };\r
341 \r
342                 if( listeners[ X_LISTENERS_KILL_RESERVED ] ){\r
343                         this[ 'kill' ]();\r
344                 };\r
345         };\r
346         \r
347         return ret;\r
348 };\r
349 \r
350 /**\r
351  * イベントリスナを追加する。同一イベントに対して重複するリスナ(context, function, 引数 array が一致)の追加は無視される。\r
352  * ユーザーが触ることは無いが、システム内部でロックフラグを立てたリスナは、立てられていないフラグとは区別される。\r
353  * この仕組みによってシステムの登録したリスナを、システム外から不用意に削除されることを回避する。\r
354  * @example // 'myEvent' に対して、 this コンテキストを指定して 、コールバック関数を渡す。\r
355  * this[ 'listen' ]( 'myEvent', context, func );\r
356  * // 'myEvent' に対して、 this コンテキストを指定して 、コールバック関数と追加の引数を渡す。\r
357  * args = [ 'arg1', 'arg2', 3 ]; // unlisten( 'myEvent', context, func, args ) で使用するので Array も控えておく。\r
358  * this[ 'listen' ]( 'myEvent', context, func, args );\r
359  * // 'myEvent' に対して、 listener オブジェクトを渡す。listener は handleEvent という関数を持つオブジェクトのこと。\r
360  * listener.handleEvent = function( e ){};\r
361  * this[ 'listen' ]( 'myEvent', listener );\r
362  * // 'myEvent' に対して、 listener オブジェクトと追加の引数を渡す。\r
363  * listener.handleEvent = function( e, arg1, arg2, arg3 ){};\r
364  * this[ 'listen' ]( 'myEvent', listener, [ arg1, arg2, arg3 ] );\r
365  * // 'myEvent' に対して、 function を渡す。\r
366  * this[ 'listen' ]( 'myEvent', onMyEvent );\r
367  * // 'myEvent' に対して、 function と追加の引数を渡す。\r
368  * this[ 'listen' ]( 'myEvent', onMyEvent, args );\r
369  * // 次の二つは同じ動作です。 this コンテキストが与えられなかった場合、コールバックの this は発火元インスタンスになります。\r
370  * this[ 'listen' ]( 'myEvent', this [, func [, args ] ] );\r
371  * this[ 'listen' ]( 'myEvent' [, func [, args ] ] );\r
372  * // 複数のイベントタイプを同時に登録。コールバックは同じ指定が使われる。\r
373  * this[ 'listen' ]( [ 'open', 'close', 'ready' ], onUpdate );\r
374  * \r
375  * @alias EventDispatcher.prototype.listen\r
376  * @return {EventDispatcher} チェインメソッド\r
377  */\r
378 function X_EventDispatcher_listen( type, opt_arg1, opt_arg2, opt_arg3 ){\r
379         var listeners = this[ '_listeners' ],\r
380                 i, raw, add, list, f;\r
381 \r
382         if( !type ) return this;\r
383         \r
384         if( listeners && listeners[ X_LISTENERS_DISPATCHING ] ){\r
385                 if( !listeners[ X_LISTENERS_RESERVES ] ) listeners[ X_LISTENERS_RESERVES ] = [];\r
386                 listeners[ X_LISTENERS_RESERVES ][ listeners[ X_LISTENERS_RESERVES ].length ] = [ type, opt_arg1, opt_arg2, opt_arg3, X_EventDispatcher_once, X_EventDispatcher_lock ];\r
387                 return this;\r
388         };\r
389         \r
390         if( X_Type_isArray( type ) ){\r
391                 for( i = type.length; i; ){\r
392                         this[ 'listen' ]( type[ --i ], opt_arg1, opt_arg2, opt_arg3 );\r
393                 };\r
394                 return this;\r
395         };\r
396         \r
397         raw = this[ '_rawObject' ] || X_UA_DOM.IE4 && X_Node__ie4getRawNode( this );\r
398         add = raw && ( !listeners || !listeners[ type ] ) && X_Type_isString( type );\r
399 \r
400         if( this[ 'listening' ]( type, opt_arg1 || this, opt_arg2, opt_arg3 ) ) return this;\r
401 \r
402         if( !listeners ) listeners = this[ '_listeners' ] = {};\r
403         list = listeners[ type ] || ( listeners[ type ] = [] );\r
404         \r
405         add && X_EventDispatcher_actualAddEvent( this, type, raw, list );\r
406         \r
407         f = X_Closure_classifyCallbackArgs( opt_arg1, opt_arg2, opt_arg3, this );\r
408         list[ list.length ] = f;\r
409         f.once = X_EventDispatcher_once;\r
410         f.lock = X_EventDispatcher_lock;\r
411         \r
412         return this;\r
413 };\r
414 \r
415 /*\r
416  * X_EventDispatcher_systemUnlisten 経由でないと解除できないリスナの登録\r
417  */\r
418 function X_EventDispatcher_systemListen( that, type, opt_arg1, opt_arg2, opt_arg3 ){\r
419         X_EventDispatcher_lock = true;\r
420         that[ 'listen' ]( type, opt_arg1, opt_arg2, opt_arg3 );\r
421         X_EventDispatcher_lock = false;\r
422 };\r
423 \r
424 /**\r
425  * イベントリスナの解除を行う。登録時と同じ引数を与える必要がある。kill() で自信に登録されたすべてのイベントが解除されるので、途中で解除されるイベント以外は kill() に任せてしまってよい。<br>\r
426  * 他人に登録したイベントを解除せずに kill するのは NG。\r
427  * @alias EventDispatcher.prototype.unlisten\r
428  * @return {EventDispatcher}\r
429  */\r
430 function X_EventDispatcher_unlisten( opt_type, opt_arg1, opt_arg2, opt_arg3 ){\r
431         var listeners = this[ '_listeners' ],\r
432                 list, reserves, unlistens, i, f, raw, k, empty;\r
433 \r
434         if( !listeners ) return this;\r
435         \r
436         if( X_Type_isArray( opt_type ) ){\r
437                 for( i = opt_type.length; i; ){\r
438                         this[ 'unlisten' ]( opt_type[ --i ], opt_arg1, opt_arg2, opt_arg3 );\r
439                         if( !opt_type[ i ] ){\r
440                                 alert( '不正な unlisten Array' );\r
441                         };\r
442                 };\r
443                 return this;\r
444         };\r
445 \r
446         if( reserves = listeners[ X_LISTENERS_RESERVES ] ){\r
447                 for( i = reserves.length; i; ){\r
448                         f = reserves[ --i ];\r
449                         if( f[ 0 ] === opt_type && f[ 1 ] === opt_arg1 && f[ 2 ] === opt_arg2 && f[ 3 ] === opt_arg3 && ( !f[ 5 ] || X_EventDispatcher_unlock ) ){\r
450                                 reserves.splice( i, 1 );\r
451                                 if( !reserves.legth ) delete listeners[ X_LISTENERS_RESERVES ];\r
452                                 return this;\r
453                         };\r
454                 };\r
455         };\r
456         \r
457         X_EventDispatcher_needsIndex = true;\r
458         i = this[ 'listening' ]( opt_type, opt_arg1, opt_arg2, opt_arg3 );\r
459         X_EventDispatcher_needsIndex = false;\r
460         if( i === false ) return this;\r
461 \r
462         f = ( list = listeners[ opt_type ] )[ i ];\r
463         \r
464         if( listeners[ X_LISTENERS_DISPATCHING ] ){\r
465                 unlistens = listeners[ X_LISTENERS_UNLISTENS ] || ( listeners[ X_LISTENERS_UNLISTENS ] = {} );\r
466                 // _unlistens に入っている callbackHash は、lock のチェックは済んでいる\r
467                 ( unlistens = unlistens[ opt_type ] ) ?\r
468                         ( unlistens[ unlistens.length ] = f ) :\r
469                         ( listeners[ X_LISTENERS_UNLISTENS ][ opt_type ] = [ f ] );\r
470                 f.removed = true;\r
471         } else {\r
472                 //delete f.once;\r
473                 X_Object_clear( f );\r
474                 \r
475                 if( list.length !== 1 ){\r
476                         list.splice( i, 1 );\r
477                 } else {\r
478                         list.length = 0;\r
479 \r
480                         delete listeners[ opt_type ];\r
481 \r
482                         // TODO カウンター\r
483                         empty = true;\r
484                         for( k in listeners ){\r
485                                 if( k <= X_LISTENERS_KILL_RESERVED ) continue;\r
486                                 empty = false;\r
487                                 break;\r
488                         };\r
489 \r
490                         if( !X_String_isNumberString( '' + opt_type ) ){ // 数字イベントの除外\r
491                                 raw = this[ '_rawObject' ] || X_UA_DOM.IE4 && X_Node__ie4getRawNode( this );\r
492                                 raw && X_EventDispatcher_actualRemoveEvent( this, opt_type, raw, list, !empty );\r
493                         };\r
494                         \r
495                         if( empty ) delete this[ '_listeners' ];\r
496                 };\r
497         };\r
498         return this;\r
499 };\r
500 \r
501 /*\r
502  * X_EventDispatcher_systemListen から登録したイベントの解除\r
503  */\r
504 function X_EventDispatcher_systemUnlisten( that, type, opt_arg1, opt_arg2, opt_arg3 ){\r
505         X_EventDispatcher_unlock = true;\r
506         that[ 'unlisten' ]( type, opt_arg1, opt_arg2, opt_arg3 );\r
507         X_EventDispatcher_unlock = false;\r
508 };\r
509 \r
510 function X_EventDispatcher_unlistenAll( that ){\r
511         var listeners = that[ '_listeners' ],\r
512                 type, list, i;\r
513         if( !listeners ) return;\r
514         \r
515         for( type in listeners ){\r
516                 //if( X_EMPTY_OBJECT[ opt_type ] ) continue;\r
517                 if( type <= X_LISTENERS_KILL_RESERVED ) continue;\r
518                 list = listeners[ type ];\r
519                 for( i = list.length; i; ){\r
520                         that[ 'unlisten' ]( type, list[ --i ] );\r
521                 };\r
522         };\r
523 };\r
524 \r
525 function X_EventDispatcher_actualAddEvent( that, type, raw, list ){\r
526         var i, f;\r
527 \r
528         X_EventDispatcher_lock || ( type = X_Event_Rename[ type ] || type );\r
529         \r
530         if( X_Type_isArray( type ) ){\r
531                 for( i = type.length; i; ){\r
532                         X_EventDispatcher_systemListen( that, type[ --i ], X_emptyFunction );\r
533                         console.log( 'events fix > ' + type[ i ] );\r
534                 };\r
535         } else {\r
536                 \r
537         // Days on the Moon DOM Events とブラウザの実装 \r
538         // http://nanto.asablo.jp/blog/2007/03/23/1339502\r
539         // Safari 2 では関数オブジェクトしか EventListener として使えませんが、Safari のナイトリービルドでは handleEvent メソッドを持つオブジェクトも EventListener として使えるようです。\r
540                 \r
541                 if( X_UA_EVENT.W3C ){\r
542                         switch( that[ '_rawType' ] ){\r
543                                 case X_EventDispatcher_EVENT_TARGET_SILVER_LIGHT :\r
544                                         list.slcallback = X_Closure_create( that, X_EventDispatcher_sliverLightDispatch, [ type ] );\r
545                                         list.sltoken    = raw[ 'AddEventListener' ]( type, list.slcallback );\r
546                                         break;\r
547                                 \r
548                                 case X_EventDispatcher_EVENT_TARGET_XHR :\r
549                                         if( X_UA[ 'Opera' ] < 12 ){\r
550                                                 // Opera11- の XHR は event オブジェクトが返らないため, eventType 毎に callback を指定する addEventListener もない\r
551                                                 raw[ 'on' + type ] = X_Closure_create( that, X_EventDispatcher_dispatch, [ type ] );\r
552                                                 break;\r
553                                         };\r
554 \r
555                                 default :\r
556                                         if( X_EventDispatcher_ANIME_EVENTS && X_EventDispatcher_ANIME_EVENTS[ type ] ){\r
557                                                 raw.addEventListener( type, X_EventDispatcher_iOSTransitionEndDispatch, false );\r
558                                         } else {\r
559                                                 f = that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ] || ( that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ] = X_Closure_create( that, X_EventDispatcher_actualHandleEvent ) );\r
560                 \r
561                                                 if( raw.addEventListener ){\r
562                                                         raw.addEventListener( type, f, false );\r
563                                                 } else {\r
564                                                         // Safari は Image, Opera7 は window\r
565                                                         raw[ 'on' + type ] = f;\r
566                                                 };\r
567                                         };\r
568                         };\r
569                 } else\r
570                 if( X_UA_EVENT.IE ){\r
571                         switch( that[ '_rawType' ] ){   \r
572                                 case X_EventDispatcher_EVENT_TARGET_SILVER_LIGHT :\r
573                                         list.slcallback = X_Closure_create( that, X_EventDispatcher_sliverLightDispatch, [ type ] );\r
574                                         list.sltoken    = raw[ 'AddEventListener' ]( type, list.slcallback );\r
575                                         break;                          \r
576                                 \r
577                                 case X_EventDispatcher_EVENT_TARGET_XHR :\r
578                                         console.log( 'XHR addEvent ' + type );\r
579                                         // ie8- の XHR は window.event が更新されないため, eventType 毎に callback を指定する\r
580                                         raw[ 'on' + type ] = X_Closure_create( that, X_EventDispatcher_dispatch, [ type ] );\r
581                                         break;\r
582                                 \r
583                                 default :\r
584                                         f = that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ] || ( that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ] = X_Closure_create( that, X_EventDispatcher_actualHandleEvent ) );\r
585                                         \r
586                                         if( raw.attachEvent ){\r
587                                                 raw.attachEvent( 'on' + type, f );\r
588                                         } else {\r
589                                                 raw[ 'on' + type ] = f;\r
590                                         };\r
591                                         break;\r
592                         };\r
593                 } else {\r
594                         switch( that[ '_rawType' ] ){\r
595                                 case X_EventDispatcher_EVENT_TARGET_SILVER_LIGHT :\r
596                                         // DOM0 で Silverlight ってあるの -> ie4 mobile?\r
597                                         list.slcallback = X_Closure_create( that, X_EventDispatcher_sliverLightDispatch, [ type ] );\r
598                                         list.sltoken    = raw[ 'AddEventListener' ]( type, list.slcallback );\r
599                                         break;                          \r
600                                 \r
601                                 case X_EventDispatcher_EVENT_TARGET_XHR :\r
602                                         // ie4 mobile は XHR をサポート!\r
603                                         raw[ 'on' + type ] = X_Closure_create( that, X_EventDispatcher_dispatch, [ type ] );\r
604                                         break;\r
605 \r
606                                 default :\r
607                                         raw[ 'on' + type ] = that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ] || ( that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ] = X_Closure_create( that, X_EventDispatcher_actualHandleEvent ) );\r
608                                         break;\r
609                         };\r
610                 }\r
611         };\r
612 };\r
613 \r
614 \r
615 /*\r
616  * iOS の webkitTransitionEnd が連続して起こる場合、\r
617  * コールバックの(that[ X_LISTENERS_ACTUAL_HANDLER ])クロージャ内の実際のコールバック(X_Closure_actualClosure:obj._)が\r
618  * 参照できていない問題に遭遇、、、iOS3.1.3 & iOS6.1.5 で確認\r
619  * animation も怪しい、、、\r
620  */\r
621 function X_EventDispatcher_iOSTransitionEndDispatch( e ){\r
622         return X_Node_getXNode( this )[ 'dispatch' ]( X_Event_RenameTo[ e.type ] || e.type );\r
623 };\r
624 \r
625 /*\r
626  * Silverlight のイベントの概要\r
627  * http://msdn.microsoft.com/ja-jp/library/cc189018%28v=vs.95%29.aspx#the_sender_parameter_and_event_data\r
628  */\r
629 function X_EventDispatcher_sliverLightDispatch( sender, e, type ){\r
630         return this[ 'dispatch' ]( type );\r
631 };\r
632 \r
633 function X_EventDispatcher_actualRemoveEvent( that, type, raw, list, skip ){\r
634         var i;\r
635 \r
636         X_EventDispatcher_unlock || ( type = X_Event_Rename[ type ] || type );\r
637         \r
638         if( X_Type_isArray( type ) ){\r
639                 for( i = type.length; i; ){\r
640                         X_EventDispatcher_systemUnlisten( that, type[ --i ], X_emptyFunction );\r
641                 };\r
642         } else {\r
643                 if( X_UA_EVENT.W3C ){\r
644                         switch( that[ '_rawType' ] ){\r
645                                 case X_EventDispatcher_EVENT_TARGET_SILVER_LIGHT :\r
646                                         raw[ 'RemoveEventListener' ]( type, list.sltoken ); // token\r
647                                         X_Closure_correct( list.slcallback );\r
648                                         delete list.sltoken;\r
649                                         delete list.slcallback;\r
650                                         break;\r
651                                 \r
652                                 case X_EventDispatcher_EVENT_TARGET_XHR :\r
653                                         if( X_UA[ 'Opera' ] < 12 ){\r
654                                                 // Opera11- の XHR は event オブジェクトが返らないため, eventType 毎に callback を指定する addEventListener もない\r
655                                                 X_Closure_correct( raw[ 'on' + type ] );\r
656                                                 raw[ 'on' + type ] = '';\r
657                                                 break;\r
658                                         };\r
659 \r
660                                 default :\r
661                                         if( X_EventDispatcher_ANIME_EVENTS && X_EventDispatcher_ANIME_EVENTS[ type ] ){\r
662                                                 raw.removeEventListener( type, X_EventDispatcher_iOSTransitionEndDispatch, false );\r
663                                         } else\r
664                                         if( raw.addEventListener ){\r
665                                                 raw.removeEventListener( type, that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ], false );\r
666                                         } else {\r
667                                                 raw[ 'on' + type ] = null;\r
668                                         };\r
669                                         \r
670                                         if( !skip && that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ] ){\r
671                                                 X_Closure_correct( that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ] );\r
672                                                 delete that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ];\r
673                                         };\r
674                         };\r
675                 } else\r
676                 if( X_UA_EVENT.IE ){\r
677                         switch( that[ '_rawType' ] ){\r
678                                 case X_EventDispatcher_EVENT_TARGET_SILVER_LIGHT :\r
679                                         raw[ 'RemoveEventListener' ]( type, list.sltoken ); // token\r
680                                         X_Closure_correct( list.slcallback );\r
681                                         delete list.sltoken;\r
682                                         delete list.slcallback;\r
683                                         break;\r
684                                 \r
685                                 case X_EventDispatcher_EVENT_TARGET_XHR :\r
686                                         X_Closure_correct( raw[ 'on' + type ] );\r
687                                         raw[ 'on' + type ] = X_emptyFunction;\r
688                                         raw[ 'on' + type ] = '';\r
689                                         console.log( 'XHR rmEvent ' + type );\r
690                                         break;\r
691 \r
692                                 default :\r
693                                         if( raw.attachEvent ){\r
694                                                 raw.detachEvent( 'on' + type, that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ] );\r
695                                                 console.log( 'raw rmEvent ' + type );\r
696                                         } else {\r
697                                                 raw[ 'on' + type ] = X_emptyFunction;\r
698                                                 raw[ 'on' + type ] = '';\r
699                                         };\r
700                                         \r
701                                         if( !skip ){\r
702                                                 X_Closure_correct( that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ] );\r
703                                                 delete that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ];\r
704                                         };\r
705                         };\r
706                 } else {\r
707                         switch( that[ '_rawType' ] ){\r
708                                 case X_EventDispatcher_EVENT_TARGET_SILVER_LIGHT :\r
709                                         raw[ 'RemoveEventListener' ]( type, list.sltoken ); // token\r
710                                         X_Closure_correct( list.slcallback );\r
711                                         delete list.sltoken;\r
712                                         delete list.slcallback;\r
713                                         break;\r
714                                 \r
715                                 case X_EventDispatcher_EVENT_TARGET_XHR :\r
716                                         X_Closure_correct( raw[ 'on' + type ] );\r
717                                         raw[ 'on' + type ] = X_emptyFunction;\r
718                                         raw[ 'on' + type ] = '';\r
719                                         break;\r
720 \r
721                                 default :\r
722                                         raw[ 'on' + type ] = X_emptyFunction;\r
723                                         raw[ 'on' + type ] = '';\r
724                                         \r
725                                         if( !skip ){\r
726                                                 X_Closure_correct( that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ] );\r
727                                                 delete that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ];\r
728                                         };\r
729                         };\r
730                 };\r
731         };\r
732 };\r
733 \r
734 \r
735 // TODO ブラウザからの呼び出しの最後に登録された関数を呼び出す機能(例えば画面の更新)\r
736 var X_EventDispatcher_CURRENT_EVENTS    = [];\r
737 var X_EventDispatcher_ignoreActualEvent;\r
738 var X_EventDispatcher_rawEvent;\r
739 \r
740 // handleEvent を拡張可能にするために、クロージャに移動した\r
741 // Is this in regard to the Safari 1.x preventDefault bug on click/dblclick?\r
742 // https://groups.google.com/forum/#!msg/comp.lang.javascript/uYEuCHjHxnw/yKoHtZJPa1QJ\r
743 var X_EventDispatcher_actualHandleEvent =\r
744         X_UA_EVENT.IE4 || X_UA_EVENT.IE ? // ie45678 EVENT_IE & EVENT_DOM0 for ie4\r
745                 (function(){\r
746                         var e   = event,\r
747                                 elm = this[ '_rawObject' ],\r
748                                 ev, ret;\r
749                         \r
750                         if( X_EventDispatcher_ignoreActualEvent ){\r
751                                 e.cancelBubble = true;\r
752                                 return;\r
753                         };\r
754                         \r
755                         X_EventDispatcher_rawEvent = e;\r
756                         \r
757                         ev = new X_DomEvent( e, this, elm );\r
758 \r
759                         X_EventDispatcher_CURRENT_EVENTS[ X_EventDispatcher_CURRENT_EVENTS.length ] = ev;\r
760                         \r
761                         ret = this[ 'dispatch' ]( ev );\r
762 \r
763                         if( X_EventDispatcher_rawEvent === e ) X_EventDispatcher_rawEvent = null;\r
764 \r
765                         --X_EventDispatcher_CURRENT_EVENTS.length;\r
766 \r
767                         if( ret & X_CALLBACK_STOP_PROPAGATION ){\r
768                                 e.cancelBubble = true;\r
769                         };\r
770                         \r
771                         if( !X_EventDispatcher_CURRENT_EVENTS.length ) ExecuteAtEnd_onEnd();\r
772                         \r
773                         if( ret & X_CALLBACK_PREVENT_DEFAULT ){\r
774                                 X_EventDispatcher_ignoreActualEvent = true;\r
775                                 this[ '_tag' ] === 'A' && elm.blur(); // おかしくない??\r
776                                 X_EventDispatcher_ignoreActualEvent = false;\r
777                                 return e.returnValue = false;\r
778                         };\r
779                 }) :\r
780         //X_UA_EVENT.W3C || X_UA_EVENT.DOM0\r
781                 (function( e ){\r
782                         var ret = X_CALLBACK_NONE,\r
783                                 elm = this[ '_rawObject' ],\r
784                                 ev, i, l;\r
785                         \r
786                         if( X_EventDispatcher_ignoreActualEvent ){\r
787                                 e.stopPropagation();\r
788                                 return;\r
789                         };\r
790 \r
791                         X_EventDispatcher_rawEvent = e;\r
792                         \r
793                         ev  = new X_DomEvent( e, this );\r
794                         X_EventDispatcher_CURRENT_EVENTS[ X_EventDispatcher_CURRENT_EVENTS.length ] = ev;\r
795 \r
796                         // touch event -> pointer\r
797                         if( X_Type_isArray( ev ) ){\r
798                                 if( ev.length === 0 ){\r
799                                         // TouchEvent の後に発生した MouseEvent のキャンセル\r
800                                         ret = X_CALLBACK_STOP_PROPAGATION | X_CALLBACK_PREVENT_DEFAULT;\r
801                                 } else {\r
802                                         for( i = 0, l = ev.length; i < l; ++i ){\r
803                                                 //console.log( 'handleEvent ' + ev[ i ].type );\r
804                                                 ret |= this[ 'dispatch' ]( ev[ i ] ) || 0;\r
805                                         };\r
806                                 };\r
807                         } else {\r
808                                 ret = this[ 'dispatch' ]( ev );\r
809                         };\r
810                         \r
811                         if( X_EventDispatcher_rawEvent === e ) X_EventDispatcher_rawEvent = null;\r
812                         \r
813                         --X_EventDispatcher_CURRENT_EVENTS.length;\r
814                         \r
815                         if( !X_EventDispatcher_CURRENT_EVENTS.length ) ExecuteAtEnd_onEnd();\r
816                         \r
817                         if( ret & X_CALLBACK_STOP_PROPAGATION ){\r
818                                 e.stopPropagation();\r
819                         };\r
820                         if( ret & X_CALLBACK_PREVENT_DEFAULT ){\r
821                                 X_EventDispatcher_ignoreActualEvent = true;\r
822                                 this[ '_tag' ] === 'A' && elm.blur();\r
823                                 X_EventDispatcher_ignoreActualEvent = false;\r
824                                 \r
825                                 e.preventDefault();\r
826                                 if( X_UA[ 'WebKit' ] < 525.13 ){ // Safari3-\r
827                                         if( e.type === 'click' || e.type === 'dbclick' ){\r
828                                                 X_EventDispatcher_safariPreventDefault = true;\r
829                                         };\r
830                                 };\r
831                                 return false;\r
832                         };\r
833                 });\r
834 \r
835 if( X_UA[ 'WebKit' ] < 525.13 ){ // Safari3-\r
836         document.documentElement.onclick =\r
837         document.documentElement[ 'ondbclick' ] = function( e ){\r
838                         if( X_EventDispatcher_safariPreventDefault ){\r
839                                 X_EventDispatcher_safariPreventDefault = false;\r
840                                 e.preventDefault();\r
841                                 return false;\r
842                         };\r
843                 };\r
844 };\r
845 \r
846 // イベントの退避、dom が画面から抜かれる場合に実施しておく\r
847 // 退避したイベントの復帰\r
848 function X_EventDispatcher_toggleAllEvents( that, add ){\r
849         var list = that[ '_listeners' ],\r
850                 raw  = that[ '_rawObject' ] || X_UA_DOM.IE4 && X_Node__ie4getRawNode( that ),\r
851                 func = add ? X_EventDispatcher_actualAddEvent : X_EventDispatcher_actualRemoveEvent,\r
852                 type;\r
853         if( !list || !raw ) return;\r
854         for( type in list ){\r
855                 //if( X_EMPTY_OBJECT[ type ] ) continue;\r
856                 // 数字イベントの除外\r
857                 if( !X_String_isNumberString( type ) ){\r
858                         // TODO type rename はここ\r
859                         func( that, type, raw, list[ type ], true );\r
860                 };\r
861         };\r
862 };\r
863 \r
864 \r
865 console.log( 'X.Core.EventDispatcher' );\r