0.6.x/js/01_core/13_XEventDispatcher.js

   1 /**\r
   2  * \r
   3  */\r
   4 \r
   5 /**\r
   6  * X.EventDispatcher\r
   7  * \r
   8  *  1. as3 の EventDispatcher ライクなクラス。そのまま使ったり、継承したり。コールバック中にイベントを追加したら？削除したら？にも対処している。\r
   9  *  2. _rawObject メンバがいる場合、addEventListener, attachEvent, on 等で生のブラウザオブジェクトにリスナを登録する。\r
  10  *     window, document, HTMLElement, Image, XHR などが _rawObject\r
  11  * \r
  12  * use X.Callback\r
  13  * \r
  14  * https://developer.mozilla.org/ja/docs/Web/API/EventTarget.addEventListener\r
  15  * イベント発送中のリスナーの追加\r
  16  * EventListener がイベント処理中に EventTarget に追加された場合、それが現在のアクションによって実行されることはありませんが、浮上フェーズのように、後の段階のイベントフローで実行されるかもしれません。\r
  17  * \r
  18  * https://developer.mozilla.org/ja/docs/Web/API/EventTarget.removeEventListener\r
  19  * イベントリスナーが イベントを処理中であるイベントターゲットから削除された場合、現在のアクションによってそのイベントリスナーが実行されることはありません。\r
  20  * イベントリスナーは、決して削除された後に実行されることはありません。\r
  21  * イベントターゲット上にある現在のどのイベントリスナーも指定していない引数付きの removeEventListener は、何の効果もありません。\r
  22  */\r
  23 \r
  24 // ------------------------------------------------------------------------- //\r
  25 // ------------ local variables -------------------------------------------- //\r
  26 // ------------------------------------------------------------------------- //\r
  27 var X_EventDispatcher_once       = false,\r
  28         X_EventDispatcher_lock       = false,\r
  29         X_EventDispatcher_unlock     = false,\r
  30         X_EventDispatcher_needsIndex = false,\r
  31         \r
  32         X_EventDispatcher_safariPreventDefault = false; // Safari3-\r
  33 \r
  34 // ------------------------------------------------------------------------- //\r
  35 // --- interface ----------------------------------------------------------- //\r
  36 // ------------------------------------------------------------------------- //\r
  37 \r
  38 /**\r
  39  * <p>イベントターゲット(widnow, document, Image, XHR, Silverlight 等)をラップする場合、通常は new 時に渡します。\r
  40  * <p>参照:コンストラクタ実体 {@link X.EventDispatcher.Constructor}\r
  41  * <p>アプリケーション独自のイベントをやり取りしたい、という場合、イベントターゲットは不要です。\r
  42  * \r
  43  * @class\r
  44  * @classdesc EventTarget オブジェクトをラップしたり、アプリケーションで独自に定義したイベントを発信するためのクラスです。\r
  45  *     <p>listen, unlisten, dispatch という addEventListener, removeEventListener, dispatchEvent に対応する関数を持ちます。\r
  46  *     <p>また listening という ActionScript3 の hasEventListener に相当する関数を持ちます。\r
  47  *     <p>イベントターゲットオブジェクト(widnow, document, HTMLElement, XHR 等)が this._rawObject に設定されていた場合に、それらへ実際のイベント登録・解除も行います。\r
  48  *     <p>このイベントの登録・解除はクロスブラウザで、IE5～8 の独自イベントの差異を吸収し、DOM0 に対しても複数のコールバックを登録することができます。\r
  49  *     <p>またコールバックに対して、this コンテキストや、追加の引数を指定もできます。 this コンテキストを指定しなかった場合、EventDispatcher インスタンスがコールバックの this になります。 \r
  50  *     <p>unlisten() は、引数を指定しなかった場合、全てのイベントを解除します。ただし、systemListen 経由で登録されたハンドラは解除されません。\r
  51  *     systemListen, systemUnlisten は、ライブラリ内のコードからしかアクセスできません。\r
  52  * \r
  53  * @augments X_Class_CommonProps\r
  54  * \r
  55  * @param {object=} opt_rawObject イベントターゲット(EventTarget)\r
  56  */\r
  57 X.EventDispatcher =\r
  58         X.Class.create(\r
  59                 'EventDispatcher',\r
  60                 \r
  61             /** @lends X.EventDispatcher.prototype */\r
  62                 {\r
  63 \r
  64 \r
  65 \r
  66                 // TODO _rawObjectType EventTarget, XHR, Silverlight, ...\r
  67                 /**\r
  68                  * イベントリスナをイベント名(string)や数値(1~,フレームワーク内で定義)をキーとするArrayで記憶します。\r
  69                  * Arrayには、{k:種類,x:コンテキスト(thisObject),f:関数,s:サプリメントする引数の配列} というハッシュ、または関数が蓄えられています。\r
  70                  * @private\r
  71                  * @type {Object.<(number|string), Array.<(callbackHash|function)>>}\r
  72                  */\r
  73                         '_listeners'    : null,\r
  74 \r
  75                 /**\r
  76                  * _rawObject には HTMLElement, window, document, XHR といったイベントターゲットオブジェクトを設定します。\r
  77                  * _rawObject が設定されていると listen(), unlisten() 時に addEventListener(DOM Level2) や detachEvent(ie5～8), on～(DOM0) 等を操作します。\r
  78                  * _rawObject は最初の listen() 前に設定しておかないと addEventListener 等が意図したように行われません。\r
  79                  * X.Node では非同期に HTMLElement を生成していて、要素生成以前に listen, unlisten を呼び出すことができます。これは適宜に X_EventDispatcher_toggleAllEvents を呼んで解決しているためです。\r
  80                  * @private\r
  81                  * @type {Object}\r
  82                  */\r
  83                         '_rawObject'    : null,\r
  84                 \r
  85                 /**\r
  86                  * _rawObject がある場合、イベントターゲットオブジェクトに対して addEventListener, attachEvent, onXX 時に実際に渡される関数。\r
  87                  * イベントタイプが変わっても、単一の オブジェクトを使いまわす。(但し例外は、IE8以下の XHR|MSXML に対して。)最初の listen で生成されて、最後の unlisten で削除される。\r
  88                  * @private\r
  89                  * @type {X.Callback}\r
  90                  */\r
  91                         '_handleEvent'  : null,\r
  92                         \r
  93                 /**\r
  94                  * dispatch 中に dispatch が呼ばれた際に、そのネストの深さを保存する。\r
  95                  * dispatch() 終了時に _dispatching が 0 の場合に、現在のインスタンスの dispatch がすべて終わったことになる。\r
  96                  * @private\r
  97                  * @type {number}\r
  98                  */\r
  99                         '_dispatching'  : 0,     // dispatch 中の unlisten で使用\r
 100 \r
 101                 /**\r
 102                  * dispatch 中に listen が呼ばれた場合に、配列のindexがずれることを避けるため、一旦保持する。\r
 103                  * _dispatching が 0 のときに _reserves を使って listen() を呼び出す。\r
 104                  * @private\r
 105                  * @type {Object.<(number|string), Array.<(X.Callback|function)>>}\r
 106                  */\r
 107                         '_reserves'     : null,\r
 108                 \r
 109                 /**\r
 110                  * dispatch 中に unlisten が呼ばれた場合に、配列のindexがずれることを避けるため、一旦保持する。\r
 111                  * _dispatching が 0 のときに _unlistens を使って unlisten() を呼び出す。\r
 112                  * @private\r
 113                  * @type {Object.<(number|string), Array.<(X.Callback|function)>>}\r
 114                  */\r
 115                         '_unlistens'    : null,\r
 116                         \r
 117                 /**\r
 118                  * dispatch 中に kill が呼ばれた場合に、X.EventDispatcher インスタンスの削除を dispatch 後にずらすために立てるフラグ。\r
 119                  * @private\r
 120                  * @type {boolean}\r
 121                  */\r
 122                         '_killReserved' : false,\r
 123                         \r
 124             /**\r
 125              * X.EventDispatcher のコンストラクタの実体。\r
 126              * @@@constructs\r
 127              * @this {X.EventDispatcher}\r
 128              * @param {object=} opt_rawObject\r
 129              */\r
 130                         Constructor : function( opt_rawObject ){\r
 131                                 if( opt_rawObject ){\r
 132                                         this._rawObject = opt_rawObject;\r
 133                                 };\r
 134                         },\r
 135 \r
 136                 /**\r
 137                  * 登録されたイベントリスナを呼び出す。イベントリスナの返り値(数値)を OR したものを返す。\r
 138                  * @this {X.EventDispatcher}\r
 139                  * @return {number}\r
 140                  * @param {(eventHash|string|number)} e\r
 141                  */     \r
 142                         dispatch : X_EventDispatcher_dispatch,\r
 143                         \r
 144                 /**\r
 145                  * \r
 146                  * @this {X.EventDispatcher}\r
 147                  * @param {(string|number|Array.<(string,number)>)} type\r
 148                  * @param {(listener|function|Array)=} opt_arg1\r
 149                  * @param {(function|Array=} opt_arg2\r
 150                  * @param {Array=} opt_arg3\r
 151                  * @return {X.EventDispatcher}\r
 152                  */\r
 153                         listen : X_EventDispatcher_listen,\r
 154                 \r
 155                 /**\r
 156                  * 一度 dispatch された時に自動で unlisten されるフラグを立てて listen する。\r
 157                  * @this {X.EventDispatcher}\r
 158                  * @return {X.EventDispatcher}\r
 159                  * @param {(string|number|Array.<(string,number)>)} type\r
 160                  * @param {(listener|function|Array)=} opt_arg1\r
 161                  * @param {(function|Array=} opt_arg2\r
 162                  * @param {Array=} opt_arg3\r
 163                  */\r
 164                         listenOnce : function( type, opt_arg1, opt_arg2, opt_arg3 ){\r
 165                                 X_EventDispatcher_once = true;\r
 166                                 this.listen( type, opt_arg1, opt_arg2, opt_arg3 );\r
 167                                 X_EventDispatcher_once = false;\r
 168                                 return this;\r
 169                         },\r
 170 \r
 171                         unlisten : X_EventDispatcher_unlisten,\r
 172 \r
 173                 /**\r
 174                  * <p>イベントリスナの登録状況を真偽値で返す。戻り値が数値(index)の場合もあるが、これは内部のみで使用。\r
 175                  * <p>this.listening(); のように type を省略した場合、一つでも登録があれば true を返す。\r
 176                  * <p>this.listening( 'myevent' ); と type だけを与えた場合、その type に登録があれば true を返す。\r
 177                  * <p>type と イベントリスナの組み合わせが登録されているかを調べる場合は、listen 時の thisObject や args(Array) も一致させて渡す必要がある。\r
 178                  * \r
 179                  * @example \r
 180                  *  this.listen( [ 'myevent', 'yourevent' ], this, onMyEvent, args = [ 1, 'a' ] );\r
 181                  *  this.listening( 'myevent', this, onMyEvent, args ) === true;\r
 182                  * \r
 183                  * @this {X.EventDispatcher}\r
 184                  * @return {(number|boolean)}\r
 185                  * @param {(string|number)=} opt_type\r
 186                  * @param {(listener|function|Array|callbackHash)=} opt_arg1\r
 187                  * @param {(function|Array=} opt_arg2\r
 188                  * @param {Array=} opt_arg3\r
 189                  */                     \r
 190                         listening : function( opt_type, opt_arg1, opt_arg2, opt_arg3 ){\r
 191                                 var list = this._listeners,\r
 192                                         unlistens, i, f, hash;\r
 193                                 \r
 194                                 if( opt_type === undefined ) return !!list;\r
 195                                 if( !list || !( list = list[ opt_type ] ) ) return false;\r
 196                                 if( opt_arg1 === undefined ) return true;\r
 197                                 \r
 198                                 if( opt_arg1.k ){\r
 199                                         hash = opt_arg1;\r
 200                                 } else {\r
 201                                         hash = X_Callback_classifyCallbackArgs( opt_arg1, opt_arg2, opt_arg3, this );\r
 202                                 };\r
 203                                 \r
 204                                 if( ( unlistens = this._unlistens ) && ( unlistens = unlistens[ opt_type ] ) ){\r
 205                                         for( i = unlistens.length; i; ){\r
 206                                                 f = unlistens[ --i ];\r
 207                                                 if( f === hash || ( f.x === hash.x && f.f === hash.f && f.s === hash.s ) ) return false;\r
 208                                         };\r
 209                                 };\r
 210                                 for( i = list.length; i; ){\r
 211                                         f = list[ --i ];\r
 212                                         if( f === hash || ( f.x === hash.x && f.f === hash.f && f.s === hash.s ) ){\r
 213                                                 // index を要求された場合、lock されていない、または unlock なら index を返す\r
 214                                                 return X_EventDispatcher_needsIndex ? ( X_EventDispatcher_unlock || !f.lock ? i : false ) : true;\r
 215                                         };\r
 216                                 };\r
 217                                 return false;\r
 218                         },\r
 219 \r
 220                 /**\r
 221                  * delay(ミリ秒)後にイベントを dispatch する。戻り値は uid = X.Timer.add() のタイマーID(数値)。X.Timer.remove(uid) でタイマーを解除して dispatch を中止できる。\r
 222                  * @this {X.EventDispatcher}\r
 223                  * @param {(number|eventHash|string)=} delay ms 省略した場合は 0 として扱う asyncDispatch( 'myevent' ) -> asyncDispatch( 0, 'myevent' )\r
 224                  * @param {(eventHash|string|number)=} e イベントを表す数値、文字列、{ type : XXX, ... } なオブジェクト\r
 225                  * @return {number} X.Timer.add() の戻り値\r
 226                  */                     \r
 227                         asyncDispatch : function( delay, e ){\r
 228                                 if( delay && e === undefined ){\r
 229                                         e = delay;\r
 230                                         delay = 0;\r
 231                                 };\r
 232                                 return X.Timer.add( delay, 1, this, this.dispatch, [ e ] );\r
 233                         }\r
 234                 }\r
 235         );\r
 236 \r
 237 // ------------------------------------------------------------------------- //\r
 238 // --- implements ---------------------------------------------------------- //\r
 239 // ------------------------------------------------------------------------- //\r
 240 \r
 241 /**\r
 242  * 登録されたイベントリスナを呼び出す。イベントリスナの返り値(数値)を OR したものを返す。イベントハッシュでなく、string|number を渡すと内部でイベントハッシュを作る\r
 243  * @this {X.EventDispatcher}\r
 244  * @return {number} X.Callback で定義された数値\r
 245  * @param {(eventHash|string|number)} e\r
 246  */\r
 247 function X_EventDispatcher_dispatch( e ){\r
 248         var list  = this[ '_listeners' ],\r
 249                 ret   = X_Callback_NONE,\r
 250                 type  = e[ 'type' ],\r
 251                 unlistens, i, l, args, f, r, sysOnly;\r
 252         \r
 253         if( !list || !( list = list[ type || e ] ) ) return ret;\r
 254         \r
 255         // 数値, 文字が渡された場合\r
 256         if( !type ){\r
 257                 e = { type : type = e };\r
 258         };\r
 259         e.target        = e.target || this;\r
 260         e.currentTarget = e.currentTarget || this;\r
 261         \r
 262         ++this._dispatching;\r
 263         \r
 264         // todo:\r
 265         // type も保存\r
 266         this._unlistens = this._unlistens || {};\r
 267         unlistens = this._unlistens[ type ];\r
 268         \r
 269         for( i = 0; i < list.length; ++i ){\r
 270                 f = list[ i ];\r
 271                 if( !unlistens ){\r
 272                         unlistens = this._unlistens[ type ];\r
 273                 };\r
 274                 if( unlistens && unlistens.indexOf( f ) !== -1 ) continue;\r
 275                 \r
 276                 //if( f !== X.emptyFunction ){\r
 277                 //      if( f.k ){\r
 278                                 r = X_Callback_proxyCallback( f, args || ( args = [ e ] ) );\r
 279                 //      } else {\r
 280                 //              r = f.call( this, e );\r
 281                 //      };\r
 282                 //};\r
 283                 \r
 284                 if( f.once || r & X_Callback_UN_LISTEN ){\r
 285                         // dispatch 中に unlisten が作られることがある\r
 286                         if( !unlistens ){\r
 287                                 unlistens = this._unlistens || ( this._unlistens = {} );\r
 288                                 unlistens = unlistens[ type ] || ( unlistens[ type ] = [] );\r
 289                         };\r
 290                         unlistens.indexOf( f ) === -1 && ( unlistens[ unlistens.length ] = f );\r
 291                 };\r
 292 \r
 293                 if( r & X.Callback.STOP_NOW ){\r
 294                         sysOnly = true;\r
 295                 };\r
 296                 ret |= X.Type.isFinite( r ) ? r : 0;\r
 297         };\r
 298         \r
 299         if( ( --this._dispatching ) === 0 ){\r
 300                 // dispatch 中に unlisten された要素の削除\r
 301                 unlistens = this._unlistens;\r
 302                 delete this._dispatching;\r
 303                 delete this._unlistens;                                 \r
 304                 // _unlistens に入っている callbackHash は、lock をクリアしている\r
 305                 X_EventDispatcher_unlock = true;\r
 306                 for( type in unlistens ){\r
 307                         list = unlistens[ type ];\r
 308                         for( i = list.length; i; ){\r
 309                                 this.unlisten( type, list[ --i ] );\r
 310                         };\r
 311                         list.length = 0;\r
 312                         delete unlistens[ type ];\r
 313                 };\r
 314                 X_EventDispatcher_unlock = false;\r
 315                 \r
 316                 if( this._killReserved ){\r
 317                         this.kill();\r
 318                 } else\r
 319                 if( list = this._reserves ){\r
 320                         for( i = 0, l = list.length; i < l; ++i ){\r
 321                                 f = list[ i ];\r
 322                                 X_EventDispatcher_once = f[ 4 ];\r
 323                                 X_EventDispatcher_lock = f[ 5 ];\r
 324                                 this.listen( f[ 0 ], f[ 1 ], f[ 2 ], f[ 3 ] );\r
 325                                 X_EventDispatcher_once = false;\r
 326                                 X_EventDispatcher_lock = false;\r
 327                                 f.length = 0;\r
 328                         };\r
 329                         list.length = 0;\r
 330                         delete this._reserves;\r
 331                 };\r
 332         };\r
 333         \r
 334         return ret;\r
 335 };\r
 336 \r
 337 /**\r
 338  * \r
 339  * @this {X.EventDispatcher}\r
 340  * @memberOf X.EventDispatcher.prototype\r
 341  * @param {(string|number|Array.<(string,number)>)} type\r
 342  * @param {(listener|function|Array)=} opt_arg1\r
 343  * @param {(function|Array=} opt_arg2\r
 344  * @param {Array=} opt_arg3\r
 345  * @return {X.EventDispatcher}\r
 346  */\r
 347 function X_EventDispatcher_listen( type, opt_arg1, opt_arg2, opt_arg3 ){\r
 348         var list = this._listeners,\r
 349                 i, raw, add, f;\r
 350 \r
 351         if( !type ) return this;\r
 352         \r
 353         if( this._dispatching ){\r
 354                 if( !this._reserves ) this._reserves = [];\r
 355                 this._reserves[ this._reserves.length ] = [ type, opt_arg1, opt_arg2, opt_arg3, X_EventDispatcher_once, X_EventDispatcher_lock ];\r
 356                 return this;\r
 357         };\r
 358         \r
 359         if( X.Type.isArray( type ) ){\r
 360                 for( i = type.length; i; ){\r
 361                         this.listen( type[ --i ], opt_arg1, opt_arg2, opt_arg3 );\r
 362                 };\r
 363                 return this;\r
 364         };\r
 365         \r
 366         raw = this._rawObject || X_UA_DOM.IE4 && X_Node__ie4getRawNode( this );\r
 367         add = raw && ( !list || !list[ type ] ) && X.Type.isString( type );\r
 368         \r
 369         if( this.listening( type, opt_arg1 || this, opt_arg2, opt_arg3 ) ) return this;\r
 370 \r
 371         if( !list ) list = this._listeners = {};\r
 372         if( !( list = list[ type ] ) ) list = this._listeners[ type ] = [];\r
 373         \r
 374         add && X_EventDispatcher_addEvent( this, type, raw, list );\r
 375         \r
 376         f = X_Callback_classifyCallbackArgs( opt_arg1, opt_arg2, opt_arg3, this );\r
 377         list[ list.length ] = f;\r
 378         f.once = X_EventDispatcher_once;\r
 379         f.lock = X_EventDispatcher_lock;\r
 380         \r
 381         return this;\r
 382 };\r
 383 \r
 384 /*\r
 385  * X_EventDispatcher_systemUnlisten 経由でないと解除できないリスナの登録\r
 386  */\r
 387 function X_EventDispatcher_systemListen( that, type, opt_arg1, opt_arg2, opt_arg3 ){\r
 388         X_EventDispatcher_lock = true;\r
 389         that.listen( type, opt_arg1, opt_arg2, opt_arg3 );\r
 390         X_EventDispatcher_lock = false;\r
 391 };\r
 392 \r
 393 // TODO this.listen(type) は this リスナの登録なのに、this.unlisten(type)は全てのtypeの削除、と不一致\r
 394 \r
 395 /**\r
 396  * \r
 397  * @this {X.EventDispatcher}\r
 398  * @return {X.EventDispatcher}\r
 399  * @param {(string|number|Array.<(string,number)>)=} opt_type\r
 400  * @param {(listener|function|Array)=} opt_arg1\r
 401  * @param {(function|Array=} opt_arg2\r
 402  * @param {Array=} opt_arg3\r
 403  */\r
 404 function X_EventDispatcher_unlisten( opt_type, opt_arg1, opt_arg2, opt_arg3 ){\r
 405         var list = this._listeners,\r
 406                 _list, reserves, unlistens, i, f, raw, empty;\r
 407         if( !list ) return this;\r
 408         \r
 409         if( X.Type.isArray( opt_type ) ){\r
 410                 for( i = opt_type.length; i; ){\r
 411                         this.unlisten( opt_type[ --i ], opt_arg1, opt_arg2, opt_arg3 );\r
 412                         if( !opt_type[ i ] ){\r
 413                                 alert( '不正な unlisten Array' );\r
 414                         };\r
 415                 };\r
 416                 return this;\r
 417         };\r
 418         \r
 419         if( opt_type === undefined ){\r
 420                 // 全て削除\r
 421                 for( opt_type in list ){\r
 422                         _list = list[ opt_type ];\r
 423                         for( i = _list.length; i; ){\r
 424                                 this.unlisten( opt_type, _list[ --i ] ); // override されていることがあるので、必ず unlisten を使用\r
 425                         };\r
 426                         // this.unlisten( opt_type ); これは無茶！\r
 427                 };\r
 428                 return this;\r
 429         } else\r
 430         if( opt_arg1 === undefined ){\r
 431                 // 同一タイプを全て削除\r
 432                 if( _list = list[ opt_type ] ){\r
 433                         for( i = _list.length; i; ){\r
 434                                 this.unlisten( opt_type, _list[ --i ] ); // override されていることがあるので、必ず unlisten を使用\r
 435                         };\r
 436                 };\r
 437                 return this;\r
 438         } else\r
 439         if( reserves = this._reserves ){\r
 440                 for( i = reserves.length; i; ){\r
 441                         f = reserves[ --i ];\r
 442                         if( f[ 0 ] === opt_type && f[ 1 ] === opt_arg1 && f[ 2 ] === opt_arg2 && f[ 3 ] === opt_arg3 ){\r
 443                                 reserves.splice( i, 1 );\r
 444                                 if( !reserves.legth ) delete this._reserves;\r
 445                                 return this;\r
 446                         };\r
 447                 };\r
 448         };\r
 449         \r
 450         X_EventDispatcher_needsIndex = true;\r
 451         i = this.listening( opt_type, opt_arg1, opt_arg2, opt_arg3 );\r
 452         X_EventDispatcher_needsIndex = false;\r
 453         if( i === false ) return this;\r
 454 \r
 455         f = ( _list = list[ opt_type ] )[ i ];\r
 456         // _unlistens に入っている callbackHash は、lock をクリアしている\r
 457         if( unlistens = this._unlistens ){\r
 458                 ( unlistens = unlistens[ opt_type ] ) ?\r
 459                         ( unlistens[ unlistens.length ] = f ) :\r
 460                         ( this._unlistens[ opt_type ] = [ f ] );\r
 461         } else {\r
 462                 delete f.once;\r
 463                 _list.splice( i, 1 );\r
 464                 if( !_list.length ){\r
 465                         raw  = this._rawObject || X_UA_DOM.IE4 && X_Node__ie4getRawNode( this );\r
 466                         delete list[ opt_type ];\r
 467                         if( empty = X_Object_isEmpty( list ) ) delete this._listeners;\r
 468                         if( raw && '' + parseFloat( opt_type ) !== '' + opt_type ){ // 数字イベントの除外\r
 469                                 X_EventDispatcher_removeEvent( this, opt_type, raw, _list, !empty );\r
 470                         };\r
 471                 };\r
 472         };\r
 473         return this;\r
 474 };\r
 475 \r
 476 /*\r
 477  * X_EventDispatcher_systemListen から登録したイベントの解除\r
 478  */\r
 479 function X_EventDispatcher_systemUnlisten( that, type, opt_arg1, opt_arg2, opt_arg3 ){\r
 480         X_EventDispatcher_unlock = true;\r
 481         that.unlisten( type, opt_arg1, opt_arg2, opt_arg3 );\r
 482         X_EventDispatcher_unlock = false;\r
 483 };\r
 484 \r
 485 function X_EventDispatcher_addEvent( that, type, raw, list ){\r
 486         var i;\r
 487         X_EventDispatcher_lock || ( type = X_Event_Rename[ type ] || type );\r
 488         \r
 489         if( X.Type.isArray( type ) ){\r
 490                 for( i = type.length; i; ){\r
 491                         X_EventDispatcher_systemListen( that, type[ --i ], X.emptyFunction );\r
 492                         console.log( 'events fix > ' + type[ i ] );\r
 493                 };\r
 494         } else {\r
 495                 X_EventDispatcher_actualAddEvent( that, type, raw, list );\r
 496         };\r
 497 };\r
 498 \r
 499 var X_EventDispatcher_actualAddEvent =\r
 500         // Days on the Moon DOM Events とブラウザの実装 \r
 501         // http://nanto.asablo.jp/blog/2007/03/23/1339502\r
 502         // Safari 2 では関数オブジェクトしか EventListener として使えませんが、Safari のナイトリービルドでは handleEvent メソッドを持つオブジェクトも EventListener として使えるようです。\r
 503         X_UA_EVENT.W3C /* && ( X_UA.WebKit < 525.13 || X_UA.Opera7 || X_UA.NetFront < 4 ) */ ? // Safari3-\r
 504                 (function( that, type, raw, list ){\r
 505                         if( that._isXHR && X_UA.Opera < 12 ){\r
 506                                 // Opera11- の XHR は event オブジェクトが返らないため, eventType 毎に callback を指定する addEventListener もない\r
 507                                 raw[ 'on' + type ] = X_Callback_create( that, X_EventDispatcher_dispatch, [ type ] );\r
 508                         } else\r
 509                         if( that._isSilverlight ){\r
 510                                 list.slcallback = X_Callback_create( that, X_EventDispatcher_sliverLightDispatch, [ type ] );\r
 511                                 list.sltoken    = raw.AddEventListener( type, list.slcallback );\r
 512                         } else\r
 513                         // iOS と MacOSX Iron36 で発生。連続してアニメーションが起こると、クロージャの束縛された obj へのアクセスに失敗する。Win では起きない?\r
 514                         // むしろ、MacOSX のブラウザ全般で起こる??\r
 515                         if( ( X_UA.WebKit || X_UA.Blink ) &&\r
 516                                 ( type === 'webkitTransitionEnd' || type === 'transitionend' ||\r
 517                                   type === 'animationend'        || type === 'webkitAnimationEnd' ||\r
 518                                   type === 'animationstart'      || type === 'webkitAnimationStart' ||\r
 519                                   type === 'animationiteration'  || type === 'webkitAnimationIteration' ) ){\r
 520                                 raw.addEventListener( type, X_EventDispatcher_iOSTransitionEndDispatch, false );\r
 521                         } else {\r
 522                                 console.log( 'event > ' + type );\r
 523                                 that._handleEvent || ( that._handleEvent = X_Callback_create( that, X_EventDispatcher_actualHandleEvent ) );\r
 524                                 \r
 525 \r
 526                                 if( raw.addEventListener ){\r
 527                                         raw.addEventListener( type, that._handleEvent, false );\r
 528                                 } else {\r
 529                                         // Safari は Image, Opera7 は window\r
 530                                         raw[ 'on' + type ] = that._handleEvent;\r
 531                                 };\r
 532                         };\r
 533                 }) :\r
 534         X_UA_EVENT.IE ?\r
 535                 (function( that, type, raw, list ){\r
 536                         if( that._isXHR ){\r
 537                                 // ie8- の XHR は window.event が更新されないため, eventType 毎に callback を指定する\r
 538                                 raw[ 'on' + type ] = X_Callback_create( that, X_EventDispatcher_dispatch, [ type ] );\r
 539                         } else                                  \r
 540                         if( that._isSilverlight ){\r
 541                                 list.slcallback = X_Callback_create( that, X_EventDispatcher_sliverLightDispatch, [ type ] );\r
 542                                 list.sltoken    = raw.AddEventListener( type, list.slcallback );\r
 543                         } else {                                \r
 544                                 that._handleEvent || ( that._handleEvent = X_Callback_create( that, X_EventDispatcher_actualHandleEvent ) );\r
 545                                 \r
 546                                 if( raw.attachEvent ){\r
 547                                         raw.attachEvent( 'on' + type, that._handleEvent );\r
 548                                 } else {\r
 549                                         raw[ 'on' + type ] = that._handleEvent;\r
 550                                 };\r
 551                         };\r
 552                 }) :\r
 553                 (function( that, type, raw, list ){\r
 554                         if( that._isXHR ){\r
 555                                 // ie4 mobile は XHR をサポート！\r
 556                                 raw[ 'on' + type ] = X_Callback_create( that, X_EventDispatcher_dispatch, [ type ] );\r
 557                         } else\r
 558                         if( that._isSilverlight ){\r
 559                                 // DOM0 で Silverlight ってあるの?\r
 560                                 list.slcallback = X_Callback_create( that, X_EventDispatcher_sliverLightDispatch, [ type ] );\r
 561                                 list.sltoken    = raw.AddEventListener( type, list.slcallback );\r
 562                         } else {\r
 563                                 raw[ 'on' + type ] = that._handleEvent || ( that._handleEvent = X_Callback_create( that, X_EventDispatcher_actualHandleEvent ) );\r
 564                         };\r
 565                 });\r
 566 \r
 567 /*\r
 568  * iOS の webkitTransitionEnd が連続して起こる場合、\r
 569  * コールバックの(that._handleEvent)クロージャ内の実際のコールバック(X_Callback_actualClosure:obj._)が\r
 570  * 参照できていない問題に遭遇、、、iOS3.1.3 & iOS6.1.5 で確認\r
 571  * animation も怪しい、、、\r
 572  */\r
 573 function X_EventDispatcher_iOSTransitionEndDispatch( e ){\r
 574         return X_Node_getXNode( this ).dispatch( X_Event_RenameTo[ e.type ] || e.type );\r
 575 };\r
 576 \r
 577 /*\r
 578  * Silverlight のイベントの概要\r
 579  * http://msdn.microsoft.com/ja-jp/library/cc189018%28v=vs.95%29.aspx#the_sender_parameter_and_event_data\r
 580  */\r
 581 function X_EventDispatcher_sliverLightDispatch( sender, e, type ){\r
 582         return this.dispatch( type );\r
 583 };\r
 584 \r
 585 function X_EventDispatcher_removeEvent( that, type, raw, list, skip ){\r
 586         var i;\r
 587         X_EventDispatcher_unlock || ( type = X_Event_Rename[ type ] || type );\r
 588         \r
 589         if( X.Type.isArray( type ) ){\r
 590                 for( i = type.length; i; ){\r
 591                         X_EventDispatcher_systemUnlisten( that, type[ --i ], X.emptyFunction );\r
 592                 };\r
 593         } else {\r
 594                 X_EventDispatcher_actualRemoveEvent( that, type, raw, list, skip );\r
 595         };\r
 596 };\r
 597 \r
 598 var X_EventDispatcher_actualRemoveEvent =\r
 599         X_UA_EVENT.W3C /*&& ( X_UA.WebKit < 525.13 || X_UA.Opera7 || X_UA.NetFront < 4 )*/ ? // Safari3-\r
 600                 (function( that, type, raw, list, skip ){\r
 601                         if( that._isXHR && X_UA.Opera < 12 ){\r
 602                                 X_Callback_correct( raw[ 'on' + type ] );\r
 603                                 raw[ 'on' + type ] = '';\r
 604                         } else  \r
 605                         if( that._isSilverlight ){\r
 606                                 raw.RemoveEventListener( type, list.sltoken ); // token\r
 607                                 X_Callback_correct( list.slcallback );\r
 608                                 delete list.sltoken;\r
 609                                 delete list.slcallback;\r
 610                         } else\r
 611                         if( ( X_UA.WebKit || X_UA.Blink ) &&\r
 612                                 ( type === 'webkitTransitionEnd' || type === 'transitionend' ||\r
 613                                   type === 'animationend'        || type === 'webkitAnimationEnd' ||\r
 614                                   type === 'animationstart'      || type === 'webkitAnimationStart' ||\r
 615                                   type === 'animationiteration'  || type === 'webkitAnimationIteration' ) ){\r
 616                                 raw.removeEventListener( type, X_EventDispatcher_iOSTransitionEndDispatch, false );\r
 617                         } else {\r
 618                                                                 \r
 619                                 if( raw.addEventListener ){\r
 620                                         raw.removeEventListener( type, that._handleEvent, false );\r
 621                                 } else {\r
 622                                         raw[ 'on' + type ] = null;\r
 623                                 };\r
 624                                 if( !skip ){\r
 625                                         X_Callback_correct( that._handleEvent );\r
 626                                         delete that._handleEvent;\r
 627                                 };\r
 628                         };\r
 629                 }) :\r
 630         X_UA_EVENT.IE ?\r
 631                 (function( that, type, raw, list, skip ){\r
 632                         if( that._isXHR ){\r
 633                                 X_Callback_correct( raw[ 'on' + type ] );\r
 634                                 raw[ 'on' + type ] = X.emptyFunction;\r
 635                                 raw[ 'on' + type ] = '';\r
 636                         } else  \r
 637                         if( that._isSilverlight ){\r
 638                                 raw.RemoveEventListener( type, list.sltoken ); // token\r
 639                                 X_Callback_correct( list.slcallback );\r
 640                                 delete list.sltoken;\r
 641                                 delete list.slcallback;\r
 642                         } else {\r
 643                                 if( raw.attachEvent ){\r
 644                                         raw.detachEvent( 'on' + type, that._handleEvent );\r
 645                                 } else {\r
 646                                         raw[ 'on' + type ] = X.emptyFunction;\r
 647                                         raw[ 'on' + type ] = '';\r
 648                                 };\r
 649                                 \r
 650                                 if( !skip ){\r
 651                                         X_Callback_correct( that._handleEvent );\r
 652                                         delete that._handleEvent;\r
 653                                 };\r
 654                         };\r
 655                 }) :\r
 656                 (function( that, type, raw, list, skip ){\r
 657                         if( that._isXHR ){\r
 658                                 X_Callback_correct( raw[ 'on' + type ] );\r
 659                                 raw[ 'on' + type ] = X.emptyFunction;\r
 660                                 raw[ 'on' + type ] = '';\r
 661                         } else\r
 662                         if( that._isSilverlight ){\r
 663                                 raw.RemoveEventListener( type, list.sltoken ); // token\r
 664                                 X_Callback_correct( list.slcallback );\r
 665                                 delete list.sltoken;\r
 666                                 delete list.slcallback;\r
 667                         } else {\r
 668                                 raw[ 'on' + type ] = X.emptyFunction;\r
 669                                 raw[ 'on' + type ] = '';\r
 670                                 \r
 671                                 if( !skip ){\r
 672                                         X_Callback_correct( that._handleEvent );\r
 673                                         delete that._handleEvent;\r
 674                                 };\r
 675                         };\r
 676                 });\r
 677 \r
 678 \r
 679 // handleEvent を拡張可能にするために、クロージャに移動した\r
 680 // Is this in regard to the Safari 1.x preventDefault bug on click/dblclick?\r
 681 // https://groups.google.com/forum/#!msg/comp.lang.javascript/uYEuCHjHxnw/yKoHtZJPa1QJ\r
 682 var X_EventDispatcher_actualHandleEvent =\r
 683         X_UA_EVENT.IE4 || X_UA_EVENT.IE ? // ie45678 EVENT_IE & EVENT_DOM0 for ie4\r
 684                 (function(){\r
 685                         var ret;\r
 686                         \r
 687                         //if( event.type === 'readystatechange' && this._tag && X.Dom.Event._LOAD_FIX_TAGS[ this._tag ] ){\r
 688                                 //type = 'readystatechange';\r
 689                         //};\r
 690                         \r
 691                         ret = this.dispatch( new X.Dom.Event( event, this, this._rawObject ) );\r
 692 \r
 693                         if( ret & X.Callback.STOP_PROPAGATION ){\r
 694                                 event.cancelBubble = true;\r
 695                         };\r
 696                         if( ret & X.Callback.PREVENT_DEFAULT ){\r
 697                                 this._tag === 'A' && this._rawObject.blur();\r
 698                                 return event.returnValue = false;\r
 699                         };\r
 700                 }) :\r
 701         //X_UA_EVENT.W3C & X_UA_EVENT.DOM0\r
 702                 (function( e ){\r
 703                         var ev  = new X.Dom.Event( e, this ),\r
 704                                 ret = X_Callback_NONE,\r
 705                                 i, l;\r
 706                         //console.log( '>>>>>>>>>> ' + e.type );\r
 707                         // touch event -> pointer\r
 708                         if( X.Type.isArray( ev ) ){\r
 709                                 if( ev.length === 0 ){\r
 710                                         // TouchEvent の後に発生した MouseEvent のｷｬﾝｾﾙ\r
 711                                         ret = X.Callback.STOP_PROPAGATION | X.Callback.PREVENT_DEFAULT;\r
 712                                 } else {\r
 713                                         for( i = 0, l = ev.length; i < l; ++i ){\r
 714                                                 console.log( 'handleEvent ' + ev[ i ].type );\r
 715                                                 ret |= this.dispatch( ev[ i ] ) || 0;\r
 716                                         };                              \r
 717                                 };\r
 718                         } else {\r
 719                                 ret = this.dispatch( ev );\r
 720                         };\r
 721                         \r
 722                         if( ret & X.Callback.STOP_PROPAGATION ){\r
 723                                 e.stopPropagation();\r
 724                         };\r
 725                         if( ret & X.Callback.PREVENT_DEFAULT ){\r
 726                                 this._tag === 'A' && this._rawObject.blur();\r
 727                                 e.preventDefault();\r
 728                                 if( X_UA.WebKit < 525.13 ){ // Safari3-\r
 729                                         if( e.type === 'click' || e.type === 'dbclick' ){\r
 730                                                 X_EventDispatcher_safariPreventDefault = true;\r
 731                                         };\r
 732                                 };\r
 733                                 return false;\r
 734                         };\r
 735                 });\r
 736 \r
 737 if( X_UA.WebKit < 525.13 ){ // Safari3-\r
 738         document.documentElement.onclick =\r
 739         document.documentElement.ondbclick = function( e ){\r
 740                         if( X_EventDispatcher_safariPreventDefault ){\r
 741                                 X_EventDispatcher_safariPreventDefault = false;\r
 742                                 e.preventDefault();\r
 743                                 return false;\r
 744                         };\r
 745                 };\r
 746 };\r
 747 \r
 748 // イベントの退避、dom が画面から抜かれる場合に実施しておく\r
 749 // 退避したイベントの復帰\r
 750 function X_EventDispatcher_toggleAllEvents( that, add ){\r
 751         var list = that._listeners,\r
 752                 raw  = that._rawObject || X_UA_DOM.IE4 && X_Node__ie4getRawNode( that ),\r
 753                 f    = add ? X_EventDispatcher_addEvent : X_EventDispatcher_removeEvent,\r
 754                 type;\r
 755         if( !list || !raw ) return;\r
 756         for( type in list ){\r
 757                 // 数字イベントの除外\r
 758                 if( '' + parseFloat( type ) !== type ){\r
 759                         // TODO type rename はここ\r
 760                         f( that, type, raw, list[ type ], true );\r
 761                 };\r
 762         };\r
 763 };\r
 764 \r
 765 \r
 766 console.log( 'X.Core.EventDispatcher' );\r