OSDN Git Service

Version 0.6.107, cleanup X.NodeCSS, fix X.Node.Event for touch, add unescape for...
[pettanr/clientJs.git] / 0.6.x / js / 01_core / 13_XEventDispatcher.js
index 426a05d..1aaadc5 100644 (file)
@@ -1,4 +1,8 @@
 /**\r
+ * \r
+ */\r
+\r
+/**\r
  * X.EventDispatcher\r
  * \r
  *  1. as3 の EventDispatcher ライクなクラス。そのまま使ったり、継承したり。コールバック中にイベントを追加したら?削除したら?にも対処している。\r
 // ------------ local variables -------------------------------------------- //\r
 // ------------------------------------------------------------------------- //\r
 var X_EventDispatcher_once       = false,\r
+       X_EventDispatcher_lock       = false,\r
+       X_EventDispatcher_unlock     = false,\r
        X_EventDispatcher_needsIndex = false,\r
-       X_EventDispatcher_temp       = {},\r
-       \r
-       X_EventDispatcher_safariPreventDefault = false; //  // Safari3-\r
-\r
-if( X.UA.MacIE ){\r
-       X_EventDispatcher_temp.DOM_W3C    = true;\r
-       X_EventDispatcher_temp.EVENT_DOM0 = true;\r
-} else\r
-if( X.UA.IE4 ){ // ie4 & iemobi4\r
-       X_EventDispatcher_temp.DOM_IE4    = true;\r
-       X_EventDispatcher_temp.EVENT_DOM0 = true;\r
-} else\r
-if( document.getElementById ){\r
-       X_EventDispatcher_temp.DOM_W3C = true;\r
-       if( document.addEventListener ){\r
-               X_EventDispatcher_temp.EVENT_W3C = true;\r
-       } else\r
-       if( document.attachEvent ){\r
-               X_EventDispatcher_temp.EVENT_IE = true;\r
-       } else {\r
-               X_EventDispatcher_temp.EVENT_DOM0 = true;\r
-       };\r
-} else\r
-if( document.all ){\r
-       X_EventDispatcher_temp.DOM_IE4    = true;\r
-       X_EventDispatcher_temp.EVENT_DOM0 = true;\r
-} else\r
-if( document.layers ){\r
        \r
-} else {\r
-       \r
-};\r
+       X_EventDispatcher_safariPreventDefault = false; // Safari3-\r
 \r
 // ------------------------------------------------------------------------- //\r
 // --- interface ----------------------------------------------------------- //\r
 // ------------------------------------------------------------------------- //\r
 \r
 /**\r
- * イベントターゲット(widnow, document, Image, XHR 等)をラップする場合、通常は new 時に渡します。参照:コンストラクタ実体 {@link X.EventDispatcher.Constructor}\r
- * アプリケーション独自のイベントをやり取りしたいだけ、という場合、イベントターゲットは不要です。\r
+ * <p>イベントターゲット(widnow, document, Image, XHR, Silverlight 等)をラップする場合、通常は new 時に渡します。\r
+ * <p>参照:コンストラクタ実体 {@link X.EventDispatcher.Constructor}\r
+ * <p>アプリケーション独自のイベントをやり取りしたい、という場合、イベントターゲットは不要です。\r
+ * \r
  * @class\r
  * @classdesc EventTarget オブジェクトをラップしたり、アプリケーションで独自に定義したイベントを発信するためのクラスです。\r
- *     listen, unlisten, dispatch という addEventListener, removeEventListener, dispatchEvent に対応する関数を持ちます。\r
- *     さらに listening という as3 の hasEventListener に相当する関数を持ちます。\r
- *     イベントターゲットオブジェクト(widnow, document, HTMLElement, XHR 等)が _rawObject に設定されていた場合に、それらへ実際のイベント登録・解除も行います。\r
- *     このイベントの登録・解除はクロスブラウザで、IE5~8 の独自イベントの差異を吸収し、DOM0 に対しても複数のコールバックを登録することができます。\r
- *     またコールバックに対して、this コンテキストや、追加の引数を指定もできます。 this コンテキストを指定しなかった場合、EventDispatcher インスタンスがコールバックの this になります。 \r
- * @param {object=} opt_rawObject\r
+ *     <p>listen, unlisten, dispatch という addEventListener, removeEventListener, dispatchEvent に対応する関数を持ちます。\r
+ *     <p>また listening という ActionScript3 の hasEventListener に相当する関数を持ちます。\r
+ *     <p>イベントターゲットオブジェクト(widnow, document, HTMLElement, XHR 等)が this._rawObject に設定されていた場合に、それらへ実際のイベント登録・解除も行います。\r
+ *     <p>このイベントの登録・解除はクロスブラウザで、IE5~8 の独自イベントの差異を吸収し、DOM0 に対しても複数のコールバックを登録することができます。\r
+ *     <p>またコールバックに対して、this コンテキストや、追加の引数を指定もできます。 this コンテキストを指定しなかった場合、EventDispatcher インスタンスがコールバックの this になります。 \r
+ *     <p>unlisten() は、引数を指定しなかった場合、全てのイベントを解除します。ただし、systemListen 経由で登録されたハンドラは解除されません。\r
+ *     systemListen, systemUnlisten は、ライブラリ内のコードからしかアクセスできません。\r
+ * \r
+ * @augments X_Class_CommonProps\r
+ * \r
+ * @param {object=} opt_rawObject イベントターゲット(EventTarget)\r
  */\r
 X.EventDispatcher =\r
        X.Class.create(\r
                'EventDispatcher',\r
                \r
-       /** @lends {X.EventDispatcher.prototype} */\r
+           /** @lends X.EventDispatcher.prototype */\r
                {\r
 \r
-           /**\r
-            * @namespace\r
-            * @memberof X.EventDispatcher\r
-            */\r
 \r
+\r
+               // TODO _rawObjectType EventTarget, XHR, Silverlight, ...\r
                /**\r
                 * イベントリスナをイベント名(string)や数値(1~,フレームワーク内で定義)をキーとするArrayで記憶します。\r
                 * Arrayには、{k:種類,x:コンテキスト(thisObject),f:関数,s:サプリメントする引数の配列} というハッシュ、または関数が蓄えられています。\r
@@ -95,7 +76,7 @@ X.EventDispatcher =
                 * _rawObject には HTMLElement, window, document, XHR といったイベントターゲットオブジェクトを設定します。\r
                 * _rawObject が設定されていると on(), off() 時に addEventListener(DOM Level2) や detachEvent(ie5~8), on~(DOM0) 等を操作します。\r
                 * _rawObject は最初の on() 前に設定しておかないと addEventListener 等が意図したように行われません。\r
-                * X.Dom.Node では非同期に HTMLElement を生成していて、要素生成以前に on, off を呼び出すことができます。これは適宜に migrateEvent, restoreEvent を呼んで解決しているためです。\r
+                * X.Node では非同期に HTMLElement を生成していて、要素生成以前に on, off を呼び出すことができます。これは適宜に migrateEvent, restoreEvent を呼んで解決しているためです。\r
                 * @private\r
                 * @type {Object}\r
                 */\r
@@ -109,7 +90,7 @@ X.EventDispatcher =
                 */\r
                        '_handleEvent'  : null,\r
                        \r
-               /*\r
+               /**\r
                 * dispatch 中に dispatch が呼ばれた際に、そのネストの深さを保存する。\r
                 * dispatch() 終了時に _dispatching が 0 の場合に、現在のインスタンスの dispatch がすべて終わったことになる。\r
                 * @private\r
@@ -117,7 +98,7 @@ X.EventDispatcher =
                 */\r
                        '_dispatching'  : 0,     // dispatch 中の unlisten で使用\r
 \r
-               /*\r
+               /**\r
                 * dispatch 中に listen が呼ばれた場合に、配列のindexがずれることを避けるため、一旦保持する。\r
                 * _dispatching が 0 のときに _reserves を使って listen() を呼び出す。\r
                 * @private\r
@@ -125,7 +106,7 @@ X.EventDispatcher =
                 */\r
                        '_reserves'     : null,\r
                \r
-               /*\r
+               /**\r
                 * dispatch 中に unlisten が呼ばれた場合に、配列のindexがずれることを避けるため、一旦保持する。\r
                 * _dispatching が 0 のときに _unlistens を使って unlisten() を呼び出す。\r
                 * @private\r
@@ -133,7 +114,7 @@ X.EventDispatcher =
                 */\r
                        '_unlistens'    : null,\r
                        \r
-               /*\r
+               /**\r
                 * dispatch 中に kill が呼ばれた場合に、X.EventDispatcher インスタンスの削除を dispatch 後にずらすために立てるフラグ。\r
                 * @private\r
                 * @type {boolean}\r
@@ -142,9 +123,9 @@ X.EventDispatcher =
                        \r
            /**\r
             * X.EventDispatcher のコンストラクタの実体。\r
-            * @constructs\r
+            * @@@constructs\r
             * @this {X.EventDispatcher}\r
-            * @params {object=} opt_rawObject\r
+            * @param {object=} opt_rawObject\r
             */\r
                        Constructor : function( opt_rawObject ){\r
                                if( opt_rawObject ){\r
@@ -160,11 +141,20 @@ X.EventDispatcher =
                 */     \r
                        dispatch : X_EventDispatcher_dispatch,\r
 \r
-           /**\r
-            * \r
-            * @this {X.EventDispatcher}\r
-            */\r
+               /**\r
+                * @function\r
+                */\r
                        on     : X_EventDispatcher_listen,\r
+                       \r
+               /**\r
+                * \r
+                * @this {X.EventDispatcher}\r
+                * @param {(string|number|Array.<(string,number)>)} type\r
+                * @param {(listener|function|Array)=} opt_arg1\r
+                * @param {(function|Array=} opt_arg2\r
+                * @param {Array=} opt_arg3\r
+                * @return {X.EventDispatcher}\r
+                */\r
                        listen : X_EventDispatcher_listen,\r
                \r
                /**\r
@@ -187,16 +177,19 @@ X.EventDispatcher =
                        unlisten : X_EventDispatcher_unlisten,\r
 \r
                /**\r
-                * イベントリスナの登録状況を真偽値で返す。戻り値が数値(index)の場合もあるが、これは内部のみで使用。\r
-                * listening() と type を省略した場合、一つでも登録があれば true を返す。\r
-                * listening( type ) と type だけを与えた場合、その type に登録があれば true を返す。\r
-                * type と イベントリスナの組み合わせが登録されているかを調べる場合は、listen 時の thisObject や args(Array) も一致させて渡す必要がある。\r
+                * <p>イベントリスナの登録状況を真偽値で返す。戻り値が数値(index)の場合もあるが、これは内部のみで使用。\r
+                * <p>this.listening(); のように type を省略した場合、一つでも登録があれば true を返す。\r
+                * <p>this.listening( 'myevent' ); と type だけを与えた場合、その type に登録があれば true を返す。\r
+                * <p>type と イベントリスナの組み合わせが登録されているかを調べる場合は、listen 時の thisObject や args(Array) も一致させて渡す必要がある。\r
+                * \r
+                * @example \r
                 *  this.listen( [ 'myevent', 'yourevent' ], this, onMyEvent, args = [ 1, 'a' ] );\r
                 *  this.listening( 'myevent', this, onMyEvent, args ) === true;\r
+                * \r
                 * @this {X.EventDispatcher}\r
                 * @return {(number|boolean)}\r
                 * @param {(string|number)=} opt_type\r
-                * @param {(listener|function|Array)=} opt_arg1\r
+                * @param {(listener|function|Array|callbackHash)=} opt_arg1\r
                 * @param {(function|Array=} opt_arg2\r
                 * @param {Array=} opt_arg3\r
                 */                     \r
@@ -211,7 +204,7 @@ X.EventDispatcher =
                                if( opt_arg1.k ){\r
                                        hash = opt_arg1;\r
                                } else {\r
-                                       hash = X.Callback._classifyCallbackArgs( opt_arg1, opt_arg2, opt_arg3, this );\r
+                                       hash = X_Callback_classifyCallbackArgs( opt_arg1, opt_arg2, opt_arg3, this );\r
                                };\r
                                \r
                                if( ( unlistens = this._unlistens ) && ( unlistens = unlistens[ opt_type ] ) ){\r
@@ -222,7 +215,10 @@ X.EventDispatcher =
                                };\r
                                for( i = list.length; i; ){\r
                                        f = list[ --i ];\r
-                                       if( f === hash || ( f.x === hash.x && f.f === hash.f && f.s === hash.s ) ) return X_EventDispatcher_needsIndex ? i : true;\r
+                                       if( f === hash || ( f.x === hash.x && f.f === hash.f && f.s === hash.s ) ){\r
+                                               // index を要求された場合、lock されていない、または unlock なら index を返す\r
+                                               return X_EventDispatcher_needsIndex ? ( X_EventDispatcher_unlock || !f.lock ? i : false ) : true;\r
+                                       };\r
                                };\r
                                return false;\r
                        },\r
@@ -230,11 +226,15 @@ X.EventDispatcher =
                /**\r
                 * delay(ミリ秒)後にイベントを dispatch する。戻り値は uid = X.Timer.add() のタイマーID(数値)。X.Timer.remove(uid) でタイマーを解除して dispatch を中止できる。\r
                 * @this {X.EventDispatcher}\r
-                * @return {number}\r
-                * @param {number=} delay\r
-                * @param {(eventHash|string|number)=} e\r
+                * @param {(number|eventHash|string)=} delay ms 省略した場合は 0 として扱う asyncDispatch( 'myevent' ) -> asyncDispatch( 0, 'myevent' )\r
+                * @param {(eventHash|string|number)=} e イベントを表す数値、文字列、{ type : XXX, ... } なオブジェクト\r
+                * @return {number} X.Timer.add() の戻り値\r
                 */                     \r
                        asyncDispatch : function( delay, e ){\r
+                               if( delay && e === undefined ){\r
+                                       e = delay;\r
+                                       delay = 0;\r
+                               };\r
                                return X.Timer.add( delay, 1, this, this.dispatch, [ e ] );\r
                        }\r
                }\r
@@ -252,9 +252,9 @@ X.EventDispatcher =
  */\r
 function X_EventDispatcher_dispatch( e ){\r
        var list  = this[ '_listeners' ],\r
-               ret   = X.Callback.NONE,\r
+               ret   = X_Callback_NONE,\r
                type  = e[ 'type' ],\r
-               unlistens, i, l, f, r, sysOnly;\r
+               unlistens, i, l, args, f, r, sysOnly;\r
        \r
        if( !list || !( list = list[ type || e ] ) ) return ret;\r
        \r
@@ -279,15 +279,15 @@ function X_EventDispatcher_dispatch( e ){
                };\r
                if( unlistens && unlistens.indexOf( f ) !== -1 ) continue;\r
                \r
-               r = X.Callback.NONE;\r
-               if( f.k ){\r
-                       f.a = [ e ];\r
-                       r = X.Callback._proxyCallback( f );\r
-               } else {\r
-                       r = f.call( this, e );\r
-               };\r
+               //if( f !== X.emptyFunction ){\r
+               //      if( f.k ){\r
+                               r = X_Callback_proxyCallback( f, args || ( args = [ e ] ) );\r
+               //      } else {\r
+               //              r = f.call( this, e );\r
+               //      };\r
+               //};\r
                \r
-               if( f.once || r & X.Callback.UN_LISTEN ){\r
+               if( f.once || r & X_Callback_UN_LISTEN ){\r
                        // dispatch 中に unlisten が作られることがある\r
                        if( !unlistens ){\r
                                unlistens = this._unlistens || ( this._unlistens = {} );\r
@@ -307,7 +307,8 @@ function X_EventDispatcher_dispatch( e ){
                unlistens = this._unlistens;\r
                delete this._dispatching;\r
                delete this._unlistens;                                 \r
-               \r
+               // _unlistens に入っている callbackHash は、lock をクリアしている\r
+               X_EventDispatcher_unlock = true;\r
                for( type in unlistens ){\r
                        list = unlistens[ type ];\r
                        for( i = list.length; i; ){\r
@@ -316,6 +317,7 @@ function X_EventDispatcher_dispatch( e ){
                        list.length = 0;\r
                        delete unlistens[ type ];\r
                };\r
+               X_EventDispatcher_unlock = false;\r
                \r
                if( this._killReserved ){\r
                        this.kill();\r
@@ -324,8 +326,10 @@ function X_EventDispatcher_dispatch( e ){
                        for( i = 0, l = list.length; i < l; ++i ){\r
                                f = list[ i ];\r
                                X_EventDispatcher_once = f[ 4 ];\r
+                               X_EventDispatcher_lock = f[ 5 ];\r
                                this.listen( f[ 0 ], f[ 1 ], f[ 2 ], f[ 3 ] );\r
                                X_EventDispatcher_once = false;\r
+                               X_EventDispatcher_lock = false;\r
                                f.length = 0;\r
                        };\r
                        list.length = 0;\r
@@ -339,19 +343,22 @@ function X_EventDispatcher_dispatch( e ){
 /**\r
  * \r
  * @this {X.EventDispatcher}\r
- * @return {X.EventDispatcher}\r
+ * @memberOf X.EventDispatcher.prototype\r
  * @param {(string|number|Array.<(string,number)>)} type\r
  * @param {(listener|function|Array)=} opt_arg1\r
  * @param {(function|Array=} opt_arg2\r
  * @param {Array=} opt_arg3\r
+ * @return {X.EventDispatcher}\r
  */\r
 function X_EventDispatcher_listen( type, opt_arg1, opt_arg2, opt_arg3 ){\r
        var list = this._listeners,\r
                i, raw, add, f;\r
+\r
+       if( !type ) return this;\r
        \r
        if( this._dispatching ){\r
                if( !this._reserves ) this._reserves = [];\r
-               this._reserves[ this._reserves.length ] = [ type, opt_arg1, opt_arg2, opt_arg3, X_EventDispatcher_once ];\r
+               this._reserves[ this._reserves.length ] = [ type, opt_arg1, opt_arg2, opt_arg3, X_EventDispatcher_once, X_EventDispatcher_lock ];\r
                return this;\r
        };\r
        \r
@@ -362,23 +369,35 @@ function X_EventDispatcher_listen( type, opt_arg1, opt_arg2, opt_arg3 ){
                return this;\r
        };\r
        \r
-       raw = this._rawObject || this._ie4getRawNode && this._ie4getRawNode();\r
+       raw = this._rawObject || X_UA_DOM.IE4 && X_Node__ie4getRawNode( this );\r
        add = raw && ( !list || !list[ type ] ) && X.Type.isString( type );\r
        \r
-       if( this.listening( type, opt_arg1, opt_arg2, opt_arg3 ) ) return this;\r
+       if( this.listening( type, opt_arg1 || this, opt_arg2, opt_arg3 ) ) return this;\r
 \r
        if( !list ) list = this._listeners = {};\r
        if( !( list = list[ type ] ) ) list = this._listeners[ type ] = [];\r
        \r
-       add && X_EventDispatcher_actualAddEvent( this, type, raw, list );\r
+       add && X_EventDispatcher_addEvent( this, type, raw, list );\r
        \r
-       f = X.Callback._classifyCallbackArgs( opt_arg1, opt_arg2, opt_arg3, this );\r
+       f = X_Callback_classifyCallbackArgs( opt_arg1, opt_arg2, opt_arg3, this );\r
        list[ list.length ] = f;\r
        f.once = X_EventDispatcher_once;\r
+       f.lock = X_EventDispatcher_lock;\r
        \r
        return this;\r
 };\r
 \r
+/*\r
+ * X_EventDispatcher_systemUnlisten 経由でないと解除できないリスナの登録\r
+ */\r
+function X_EventDispatcher_systemListen( that, type, opt_arg1, opt_arg2, opt_arg3 ){\r
+       X_EventDispatcher_lock = true;\r
+       that.listen( type, opt_arg1, opt_arg2, opt_arg3 );\r
+       X_EventDispatcher_lock = false;\r
+};\r
+\r
+// TODO this.listen(type) は this リスナの登録なのに、this.unlisten(type)は全てのtypeの削除、と不一致\r
+\r
 /**\r
  * \r
  * @this {X.EventDispatcher}\r
@@ -396,6 +415,9 @@ function X_EventDispatcher_unlisten( opt_type, opt_arg1, opt_arg2, opt_arg3 ){
        if( X.Type.isArray( opt_type ) ){\r
                for( i = opt_type.length; i; ){\r
                        this.unlisten( opt_type[ --i ], opt_arg1, opt_arg2, opt_arg3 );\r
+                       if( !opt_type[ i ] ){\r
+                               alert( '不正な unlisten Array' );\r
+                       };\r
                };\r
                return this;\r
        };\r
@@ -437,108 +459,121 @@ function X_EventDispatcher_unlisten( opt_type, opt_arg1, opt_arg2, opt_arg3 ){
        if( i === false ) return this;\r
 \r
        f = ( _list = list[ opt_type ] )[ i ];\r
+       // _unlistens に入っている callbackHash は、lock をクリアしている\r
        if( unlistens = this._unlistens ){\r
                ( unlistens = unlistens[ opt_type ] ) ?\r
                        ( unlistens[ unlistens.length ] = f ) :\r
                        ( this._unlistens[ opt_type ] = [ f ] );\r
        } else {\r
                delete f.once;\r
-               // f.kill === X.Callback._kill && f.kill();\r
                _list.splice( i, 1 );\r
                if( !_list.length ){\r
-                       raw  = this._rawObject || this._ie4getRawNode && this._ie4getRawNode();\r
+                       raw  = this._rawObject || X_UA_DOM.IE4 && X_Node__ie4getRawNode( this );\r
                        delete list[ opt_type ];\r
-                       if( empty = X.isEmptyObject( list ) ) delete this._listeners;\r
+                       if( empty = X_Object_isEmpty( list ) ) delete this._listeners;\r
                        if( raw && '' + parseFloat( opt_type ) !== '' + opt_type ){ // 数字イベントの除外\r
-                               X_EventDispatcher_actualRemoveEvent( this, opt_type, raw, _list, !empty );\r
+                               X_EventDispatcher_removeEvent( this, opt_type, raw, _list, !empty );\r
                        };\r
                };\r
        };\r
        return this;\r
 };\r
 \r
+/*\r
+ * X_EventDispatcher_systemListen から登録したイベントの解除\r
+ */\r
+function X_EventDispatcher_systemUnlisten( that, type, opt_arg1, opt_arg2, opt_arg3 ){\r
+       X_EventDispatcher_unlock = true;\r
+       that.unlisten( type, opt_arg1, opt_arg2, opt_arg3 );\r
+       X_EventDispatcher_unlock = false;\r
+};\r
+\r
+function X_EventDispatcher_addEvent( that, type, raw, list ){\r
+       var i;\r
+       X_EventDispatcher_lock || ( type = X_Event_Rename[ type ] || type );\r
+       \r
+       if( X.Type.isArray( type ) ){\r
+               for( i = type.length; i; ){\r
+                       X_EventDispatcher_systemListen( that, type[ --i ], X.emptyFunction );\r
+                       console.log( 'events fix > ' + type[ i ] );\r
+               };\r
+       } else {\r
+               X_EventDispatcher_actualAddEvent( that, type, raw, list );\r
+       };\r
+};\r
 \r
 var X_EventDispatcher_actualAddEvent =\r
        // Days on the Moon DOM Events とブラウザの実装 \r
        // http://nanto.asablo.jp/blog/2007/03/23/1339502\r
        // Safari 2 では関数オブジェクトしか EventListener として使えませんが、Safari のナイトリービルドでは handleEvent メソッドを持つオブジェクトも EventListener として使えるようです。\r
-       X_EventDispatcher_temp.EVENT_W3C /* && ( X.UA.WebKit < 525.13 || X.UA.Opera7 || X.UA.NetFront < 4 ) */ ? // Safari3-\r
+       X_UA_EVENT.W3C /* && ( X_UA.WebKit < 525.13 || X_UA.Opera7 || X_UA.NetFront < 4 ) */ ? // Safari3-\r
                (function( that, type, raw, list ){\r
-                       var i;\r
-                       \r
-                       type = X.Dom.Event.Rename[ type ] || type;\r
-                       \r
-                       if( X.Type.isArray( type ) ){\r
-                               for( i = type.length; i; ){\r
-                                       X_EventDispatcher_actualAddEvent( that, type[ --i ], raw, list );\r
-                               };\r
+                       if( that._isXHR && X_UA.Opera < 12 ){\r
+                               // Opera11- の XHR は event オブジェクトが返らないため, eventType 毎に callback を指定する addEventListener もない\r
+                               raw[ 'on' + type ] = X_Callback_create( that, X_EventDispatcher_dispatch, [ type ] );\r
+                       } else\r
+                       if( that._isSilverlight ){\r
+                               list.slcallback = X_Callback_create( that, X_EventDispatcher_sliverLightDispatch, [ type ] );\r
+                               list.sltoken    = raw.AddEventListener( type, list.slcallback );\r
                        } else {\r
-                               that._handleEvent || ( that._handleEvent = X.Callback.create( that, X_EventDispatcher_actualHandleEvent ) );\r
+                               console.log( 'event > ' + type );\r
+                               that._handleEvent || ( that._handleEvent = X_Callback_create( that, X_EventDispatcher_actualHandleEvent ) );\r
                                \r
-                               if( that._isSilverlight ){\r
-                                       list.slcallback = X.Callback.create( that, X_EventDispatcher_sliverLightDispatch, [ type ] );\r
-                                       list.sltoken    = raw.AddEventListener( type, list.slcallback );\r
+                               if( X.UA.iOS && type === 'webkitTransitionEnd' ){\r
+                                       raw.addEventListener( type, X_EventDispatcher_iOS3transitionEndDispatch, false );\r
                                } else\r
                                if( raw.addEventListener ){\r
                                        raw.addEventListener( type, that._handleEvent, false );\r
                                } else {\r
                                        // Safari は Image, Opera7 は window\r
                                        raw[ 'on' + type ] = that._handleEvent;\r
-                               };                              \r
+                               };\r
                        };\r
                }) :\r
-       X_EventDispatcher_temp.EVENT_IE ?\r
+       X_UA_EVENT.IE ?\r
                (function( that, type, raw, list ){\r
-                       var i;\r
-                       //if( type === 'load' && that._tag && X.Dom.Event._LOAD_FIX_TAGS[ that._tag ] ){\r
-                       //      type = 'readystatechange';\r
-                       //};\r
                        if( that._isXHR ){\r
                                // ie8- の XHR は window.event が更新されないため, eventType 毎に callback を指定する\r
-                               raw[ 'on' + type ] = X.Callback.create( that, X_EventDispatcher_dispatch, [ type ] );\r
-                       } else {\r
-                               type = X.Dom.Event.Rename[ type ] || type;\r
+                               raw[ 'on' + type ] = X_Callback_create( that, X_EventDispatcher_dispatch, [ type ] );\r
+                       } else                                  \r
+                       if( that._isSilverlight ){\r
+                               list.slcallback = X_Callback_create( that, X_EventDispatcher_sliverLightDispatch, [ type ] );\r
+                               list.sltoken    = raw.AddEventListener( type, list.slcallback );\r
+                       } else {                                \r
+                               that._handleEvent || ( that._handleEvent = X_Callback_create( that, X_EventDispatcher_actualHandleEvent ) );\r
                                \r
-                               if( X.Type.isArray( type ) ){\r
-                                       for( i = type.length; i; ){\r
-                                               X_EventDispatcher_actualAddEvent( that, type[ --i ], raw, list );\r
-                                       };\r
-                               } else{\r
-                                       that._handleEvent || ( that._handleEvent = X.Callback.create( that, X_EventDispatcher_actualHandleEvent ) );\r
-                                       \r
-                                       if( that._isSilverlight ){\r
-                                               list.slcallback = X.Callback.create( that, X_EventDispatcher_sliverLightDispatch, [ type ] );\r
-                                               list.sltoken    = raw.AddEventListener( type, list.slcallback );\r
-                                       } else\r
-                                       if( raw.attachEvent ){\r
-                                               raw.attachEvent( 'on' + type, that._handleEvent );\r
-                                       } else {\r
-                                               raw[ 'on' + type ] = that._handleEvent;\r
-                                       };\r
-                               };                              \r
+                               if( raw.attachEvent ){\r
+                                       raw.attachEvent( 'on' + type, that._handleEvent );\r
+                               } else {\r
+                                       raw[ 'on' + type ] = that._handleEvent;\r
+                               };\r
                        };\r
                }) :\r
                (function( that, type, raw, list ){\r
-                       var i;\r
-                       type = X.Dom.Event.Rename[ type ] || type;\r
-                       \r
-                       if( X.Type.isArray( type ) ){\r
-                               for( i = type.length; i; ){\r
-                                       X_EventDispatcher_actualAddEvent( that, type[ --i ], raw, list );\r
-                               };\r
+                       if( that._isXHR ){\r
+                               // ie4 mobile は XHR をサポート!\r
+                               raw[ 'on' + type ] = X_Callback_create( that, X_EventDispatcher_dispatch, [ type ] );\r
+                       } else\r
+                       if( that._isSilverlight ){\r
+                               // DOM0 で Silverlight ってあるの?\r
+                               list.slcallback = X_Callback_create( that, X_EventDispatcher_sliverLightDispatch, [ type ] );\r
+                               list.sltoken    = raw.AddEventListener( type, list.slcallback );\r
                        } else {\r
-                               that._handleEvent || ( that._handleEvent = X.Callback.create( that, X_EventDispatcher_actualHandleEvent ) );\r
-                               \r
-                               if( that._isSilverlight ){\r
-                                       list.slcallback = X.Callback.create( that, X_EventDispatcher_sliverLightDispatch, [ type ] );\r
-                                       list.sltoken    = raw.AddEventListener( type, list.slcallback );\r
-                               } else {\r
-                                       raw[ 'on' + type ] = that._handleEvent;\r
-                               };\r
+                               raw[ 'on' + type ] = that._handleEvent || ( that._handleEvent = X_Callback_create( that, X_EventDispatcher_actualHandleEvent ) );\r
                        };\r
                });\r
 \r
 /*\r
+ * iOS の webkitTransitionEnd が連続して起こる場合、\r
+ * コールバックの(that._handleEvent)クロージャ内の実際のコールバック(X_Callback_actualClosure:obj._)が\r
+ * 参照できていない問題に遭遇、、、iOS3.1.3 & iOS6.1.5 で確認\r
+ * animation も怪しい、、、\r
+ */\r
+function X_EventDispatcher_iOS3transitionEndDispatch( e ){\r
+       return X_Node_getXNode( this ).dispatch( X_Event_RenameTo[ e.type ] );\r
+};\r
+\r
+/*\r
  * Silverlight のイベントの概要\r
  * http://msdn.microsoft.com/ja-jp/library/cc189018%28v=vs.95%29.aspx#the_sender_parameter_and_event_data\r
  */\r
@@ -546,97 +581,90 @@ function X_EventDispatcher_sliverLightDispatch( sender, e, type ){
        return this.dispatch( type );\r
 };\r
 \r
+function X_EventDispatcher_removeEvent( that, type, raw, list, skip ){\r
+       var i;\r
+       X_EventDispatcher_unlock || ( type = X_Event_Rename[ type ] || type );\r
+       \r
+       if( X.Type.isArray( type ) ){\r
+               for( i = type.length; i; ){\r
+                       X_EventDispatcher_systemUnlisten( that, type[ --i ], X.emptyFunction );\r
+               };\r
+       } else {\r
+               X_EventDispatcher_actualRemoveEvent( that, type, raw, list, skip );\r
+       };\r
+};\r
+\r
 var X_EventDispatcher_actualRemoveEvent =\r
-       X_EventDispatcher_temp.EVENT_W3C /*&& ( X.UA.WebKit < 525.13 || X.UA.Opera7 || X.UA.NetFront < 4 )*/ ? // Safari3-\r
+       X_UA_EVENT.W3C /*&& ( X_UA.WebKit < 525.13 || X_UA.Opera7 || X_UA.NetFront < 4 )*/ ? // Safari3-\r
                (function( that, type, raw, list, skip ){\r
-                       type = X.Dom.Event.Rename[ type ] || type;\r
-                       \r
-                       if( X.Type.isArray( type ) ){\r
-                               for( i = type.length; i; ){\r
-                                       X_EventDispatcher_actualRemoveEvent( that, type[ --i ], raw, list, i ? true : skip );\r
-                               };\r
+                       if( that._isXHR && X_UA.Opera < 12 ){\r
+                               X_Callback_correct( raw[ 'on' + type ] );\r
+                               raw[ 'on' + type ] = '';\r
+                       } else  \r
+                       if( that._isSilverlight ){\r
+                               raw.RemoveEventListener( type, list.sltoken ); // token\r
+                               X_Callback_correct( list.slcallback );\r
+                               delete list.sltoken;\r
+                               delete list.slcallback;\r
                        } else {\r
-                               \r
-                               if( that._isSilverlight ){\r
-                                       raw.RemoveEventListener( type, list.sltoken ); // token\r
-                                       X.Callback._correct( list.slcallback );\r
-                                       delete list.sltoken;\r
-                                       delete list.slcallback;\r
+                               if( X.UA.iOS && type === 'webkitTransitionEnd' ){\r
+                                       raw.removeEventListener( type, X_EventDispatcher_iOS3transitionEndDispatch, false );\r
+                               } else                          \r
+                               if( raw.addEventListener ){\r
+                                       raw.removeEventListener( type, that._handleEvent, false );\r
                                } else {\r
-                                       if( raw.addEventListener ){\r
-                                               raw.removeEventListener( type, that._handleEvent, false );\r
-                                       } else {\r
-                                               raw[ 'on' + type ] = null;\r
-                                       };\r
-                                       if( !skip ){\r
-                                               X.Callback._correct( that._handleEvent );\r
-                                               delete that._handleEvent;\r
-                                       };                                      \r
+                                       raw[ 'on' + type ] = null;\r
+                               };\r
+                               if( !skip ){\r
+                                       X_Callback_correct( that._handleEvent );\r
+                                       delete that._handleEvent;\r
                                };\r
                        };\r
                }) :\r
-       X_EventDispatcher_temp.EVENT_IE ?\r
+       X_UA_EVENT.IE ?\r
                (function( that, type, raw, list, skip ){\r
-                       var i;\r
-                       //if( type === 'load' && that._tag && X.Dom.Event._LOAD_FIX_TAGS[ that._tag ] ){\r
-                       //      type = 'readystatechange';\r
-                       //};\r
                        if( that._isXHR ){\r
-                               X.Callback._correct( raw[ 'on' + type ] );\r
+                               X_Callback_correct( raw[ 'on' + type ] );\r
                                raw[ 'on' + type ] = X.emptyFunction;\r
                                raw[ 'on' + type ] = '';\r
+                       } else  \r
+                       if( that._isSilverlight ){\r
+                               raw.RemoveEventListener( type, list.sltoken ); // token\r
+                               X_Callback_correct( list.slcallback );\r
+                               delete list.sltoken;\r
+                               delete list.slcallback;\r
                        } else {\r
-                               type = X.Dom.Event.Rename[ type ] || type;\r
-                               \r
-                               if( X.Type.isArray( type ) ){\r
-                                       for( i = type.length; i; ){\r
-                                               X_EventDispatcher_actualRemoveEvent( that, type[ --i ], raw, list, i ? true : skip );\r
-                                       };\r
+                               if( raw.attachEvent ){\r
+                                       raw.detachEvent( 'on' + type, that._handleEvent );\r
                                } else {\r
-                                       \r
-                                       if( that._isSilverlight ){\r
-                                               raw.RemoveEventListener( type, list.sltoken ); // token\r
-                                               X.Callback._correct( list.slcallback );\r
-                                               delete list.sltoken;\r
-                                               delete list.slcallback;\r
-                                       } else {\r
-                                               if( raw.attachEvent ){\r
-                                                       raw.detachEvent( 'on' + type, that._handleEvent );\r
-                                               } else {\r
-                                                       raw[ 'on' + type ] = X.emptyFunction;\r
-                                                       raw[ 'on' + type ] = '';\r
-                                               };\r
-                                               \r
-                                               if( !skip ){\r
-                                                       X.Callback._correct( that._handleEvent );\r
-                                                       delete that._handleEvent;\r
-                                               };                                              \r
-                                       };\r
+                                       raw[ 'on' + type ] = X.emptyFunction;\r
+                                       raw[ 'on' + type ] = '';\r
+                               };\r
+                               \r
+                               if( !skip ){\r
+                                       X_Callback_correct( that._handleEvent );\r
+                                       delete that._handleEvent;\r
                                };\r
                        };\r
                }) :\r
                (function( that, type, raw, list, skip ){\r
-                       var i;\r
-                       type = X.Dom.Event.Rename[ type ] || type;\r
-                       if( X.Type.isArray( type ) ){\r
-                               for( i = type.length; i; ){\r
-                                       X_EventDispatcher_actualRemoveEvent( that, type[ --i ], raw, list, i ? true : skip );\r
-                               };\r
+                       if( that._isXHR ){\r
+                               X_Callback_correct( raw[ 'on' + type ] );\r
+                               raw[ 'on' + type ] = X.emptyFunction;\r
+                               raw[ 'on' + type ] = '';\r
+                       } else\r
+                       if( that._isSilverlight ){\r
+                               raw.RemoveEventListener( type, list.sltoken ); // token\r
+                               X_Callback_correct( list.slcallback );\r
+                               delete list.sltoken;\r
+                               delete list.slcallback;\r
                        } else {\r
+                               raw[ 'on' + type ] = X.emptyFunction;\r
+                               raw[ 'on' + type ] = '';\r
                                \r
-                               if( that._isSilverlight ){\r
-                                       raw.RemoveEventListener( type, list.sltoken ); // token\r
-                                       X.Callback._correct( list.slcallback );\r
-                                       delete list.sltoken;\r
-                                       delete list.slcallback;\r
-                               } else {\r
-                                       raw[ 'on' + type ] = X.emptyFunction;\r
-                                       raw[ 'on' + type ] = '';\r
-                                       \r
-                                       if( !skip ){\r
-                                               X.Callback._correct( that._handleEvent );\r
-                                               delete that._handleEvent;\r
-                                       };                                      \r
+                               if( !skip ){\r
+                                       X_Callback_correct( that._handleEvent );\r
+                                       delete that._handleEvent;\r
                                };\r
                        };\r
                });\r
@@ -646,7 +674,7 @@ var X_EventDispatcher_actualRemoveEvent =
 // Is this in regard to the Safari 1.x preventDefault bug on click/dblclick?\r
 // https://groups.google.com/forum/#!msg/comp.lang.javascript/uYEuCHjHxnw/yKoHtZJPa1QJ\r
 var X_EventDispatcher_actualHandleEvent =\r
-       X.UA.IE4 || X_EventDispatcher_temp.EVENT_IE ? // ie45678 EVENT_IE & EVENT_DOM0 for ie4\r
+       X_UA_EVENT.IE4 || X_UA_EVENT.IE ? // ie45678 EVENT_IE & EVENT_DOM0 for ie4\r
                (function(){\r
                        var ret;\r
                        \r
@@ -664,12 +692,12 @@ var X_EventDispatcher_actualHandleEvent =
                                return event.returnValue = false;\r
                        };\r
                }) :\r
-       //X.Dom.EVENT_W3C & EVENT_DOM0\r
+       //X_UA_EVENT.W3C & X_UA_EVENT.DOM0\r
                (function( e ){\r
                        var ev  = new X.Dom.Event( e, this ),\r
-                               ret = X.Callback.NONE,\r
+                               ret = X_Callback_NONE,\r
                                i, l;\r
-                       \r
+                       //console.log( '>>>>>>>>>> ' + e.type );\r
                        // touch event -> pointer\r
                        if( X.Type.isArray( ev ) ){\r
                                if( ev.length === 0 ){\r
@@ -677,6 +705,7 @@ var X_EventDispatcher_actualHandleEvent =
                                        ret = X.Callback.STOP_PROPAGATION | X.Callback.PREVENT_DEFAULT;\r
                                } else {\r
                                        for( i = 0, l = ev.length; i < l; ++i ){\r
+                                               console.log( 'handleEvent ' + ev[ i ].type );\r
                                                ret |= this.dispatch( ev[ i ] ) || 0;\r
                                        };                              \r
                                };\r
@@ -690,7 +719,7 @@ var X_EventDispatcher_actualHandleEvent =
                        if( ret & X.Callback.PREVENT_DEFAULT ){\r
                                this._tag === 'A' && this._rawObject.blur();\r
                                e.preventDefault();\r
-                               if( X.UA.WebKit < 525.13 ){ // Safari3-\r
+                               if( X_UA.WebKit < 525.13 ){ // Safari3-\r
                                        if( e.type === 'click' || e.type === 'dbclick' ){\r
                                                X_EventDispatcher_safariPreventDefault = true;\r
                                        };\r
@@ -699,7 +728,7 @@ var X_EventDispatcher_actualHandleEvent =
                        };\r
                });\r
 \r
-if( X.UA.WebKit < 525.13 ){ // Safari3-\r
+if( X_UA.WebKit < 525.13 ){ // Safari3-\r
        document.documentElement.onclick =\r
        document.documentElement.ondbclick = function( e ){\r
                        if( X_EventDispatcher_safariPreventDefault ){\r
@@ -714,13 +743,14 @@ if( X.UA.WebKit < 525.13 ){ // Safari3-
 // 退避したイベントの復帰\r
 function X_EventDispatcher_toggleAllEvents( that, add ){\r
        var list = that._listeners,\r
-               raw  = that._rawObject || that._ie4getRawNode && that._ie4getRawNode(),\r
-               f    = add ? X_EventDispatcher_actualAddEvent : X_EventDispatcher_actualRemoveEvent,\r
+               raw  = that._rawObject || X_UA_DOM.IE4 && X_Node__ie4getRawNode( that ),\r
+               f    = add ? X_EventDispatcher_addEvent : X_EventDispatcher_removeEvent,\r
                type;\r
        if( !list || !raw ) return;\r
        for( type in list ){\r
                // 数字イベントの除外\r
                if( '' + parseFloat( type ) !== type ){\r
+                       // TODO type rename はここ\r
                        f( that, type, raw, list[ type ], true );\r
                };\r
        };\r