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