OSDN Git Service

Version 0.6.134, add comments for closure compiler.
[pettanr/clientJs.git] / 0.6.x / js / 02_dom / 03_XDomEvent.js
index 16ab951..6ba81c8 100644 (file)
 \r
 // http://msdn.microsoft.com/ja-jp/library/ie/dn255104%28v=vs.85%29.aspx\r
 var X_Dom_Event_devicePixelRatio = window.devicePixelRatio || ( window.screen.deviceXDPI / window.screen.logicalXDPI ),\r
-       X_Dom_Event_convertMSPointerType = window.MSPointerEvent && [ 0, 0, 'touch', 'pen', 'mouse' ];/*{\r
+       X_Dom_Event_convertMSPointerType = window.MSPointerEvent && [ 0, 0, 'touch', 'pen', 'mouse' ],/*{\r
                '2' : 'touch',\r
                '3' : 'pen',\r
                '4' : 'mouse'\r
        }; */\r
+       X_Dom_Event_CANCEL_MOUSE = {},\r
+       X_DomEvent;\r
 \r
 if( !X_UA[ 'IE' ] || 9 <= X_UA[ 'IE' ] ){\r
-       X.Dom.Event = function( e, xnode ){\r
+       X_DomEvent = function( e, xnode ){\r
                var originalType = e.type,\r
                        type, pointerEventType,\r
                        touches, events,\r
@@ -27,18 +29,18 @@ if( !X_UA[ 'IE' ] || 9 <= X_UA[ 'IE' ] ){
                        elm, i, n, time, touch, ev;\r
                \r
                //this._event        = e;\r
-               this.type          = type = X_Event_RenameTo[ originalType ] || originalType;\r
+               this[ 'type' ]          = type = X_Event_RenameTo[ originalType ] || originalType;\r
                \r
                switch( type ){\r
                        case 'message' :\r
-                               this.data   = e.data;\r
-                               this.origin = e.origin;\r
-                               this.source = e.source;\r
+                               this[ 'data' ]   = e.data;\r
+                               this[ 'origin' ] = e.origin;\r
+                               this[ 'source' ] = e.source;\r
                                break;\r
                        case 'progress' :\r
-                               this.lengthComputable = e.lengthComputable;\r
-                               this.loaded = e.loaded;\r
-                               this.total  = e.total;\r
+                               this[ 'lengthComputable' ] = e.lengthComputable;\r
+                               this[ 'loaded' ] = e.loaded;\r
+                               this[ 'total' ]  = e.total;\r
                                break;\r
                };\r
                \r
@@ -48,56 +50,56 @@ if( !X_UA[ 'IE' ] || 9 <= X_UA[ 'IE' ] ){
                if( e.pointerType ){\r
                        // PointerEvent;\r
                        if( X_Dom_Event_convertMSPointerType ){\r
-                               this.pointerType   = X_Dom_Event_convertMSPointerType[ e.pointerType ];\r
-                               this.pressure      = e.pressure || ( e.button !== -1 ? 0.5 : 0 );\r
+                               this[ 'pointerType' ]   = X_Dom_Event_convertMSPointerType[ e.pointerType ];\r
+                               this[ 'pressure' ]      = e.pressure || ( e.button !== -1 ? 0.5 : 0 );\r
                                // ポインターの接触形状の スクリーン ピクセル単位の幅と高さ なので変換。(多分、、、)\r
-                               this.width         = e.width  / X_Dom_Event_devicePixelRatio;\r
-                               this.height        = e.height / X_Dom_Event_devicePixelRatio;                   \r
+                               this[ 'width' ]         = e.width  / X_Dom_Event_devicePixelRatio;\r
+                               this[ 'height' ]        = e.height / X_Dom_Event_devicePixelRatio;                      \r
                        } else {\r
-                               this.pointerType   = e.pointerType;\r
-                               this.pressure      = e.pressure;\r
+                               this[ 'pointerType' ]   = e.pointerType;\r
+                               this[ 'pressure' ]      = e.pressure;\r
                                // ポインターの接触形状の CSS ピクセル単位の幅と高さ。\r
-                               this.width         = e.width;\r
-                               this.height        = e.height;\r
+                               this[ 'width' ]         = e.width;\r
+                               this[ 'height' ]        = e.height;\r
                        };\r
 \r
-                       switch( this.pointerType ){\r
+                       switch( this[ 'pointerType' ] ){\r
                                case 'pen' :\r
                                        //Y-Z 平面と、ペンの軸が含まれる平面の間の角度を返します。Y 軸の範囲は -90 ~ +90 です。X の傾きの正の方向は右方向です。\r
-                                       this.tiltX         = e.tiltX;\r
-                                       this.tiltY         = e.tiltY;\r
+                                       this[ 'tiltX' ]         = e.tiltX;\r
+                                       this[ 'tiltY' ]         = e.tiltY;\r
                                        if( originalType === 'MSPointerHover' ){\r
-                                               this.type = 'pointermove'; // ie10 には pointerhover と pointermoveがあり、ie11 で一本化。ie11 では buttons を見て hover 状態を判定\r
+                                               this[ 'type' ] = 'pointermove'; // ie10 には pointerhover と pointermoveがあり、ie11 で一本化。ie11 では buttons を見て hover 状態を判定\r
                                        };\r
                                case 'touch' :\r
-                                       this.radiusX       = e.radiusX;\r
-                                       this.radiusY       = e.radiusY;\r
-                                       this.rotationAngle = e.rotationAngle;\r
+                                       this[ 'radiusX' ]       = e.radiusX;\r
+                                       this[ 'radiusY' ]       = e.radiusY;\r
+                                       this[ 'rotationAngle' ] = e.rotationAngle;\r
                                case 'mouse' :\r
                        };\r
                        \r
-                       this.button        = e.button;\r
-                       this.buttons       = e.buttons;\r
+                       this[ 'button' ]        = e.button;\r
+                       this[ 'buttons' ]       = e.buttons;\r
                                                \r
-                       this.pointerId     = e.pointerId;                       \r
-                       this.target        = X_Node_getXNode( e.target );\r
-                       this.relatedTarget = X_Node_getXNode( e.relatedTarget ); // xnode\r
-                       this.isPrimary     = e.isPrimary;\r
-                       this.hwTimestamp   = e.hwTimestamp;\r
-                       this.timestamp     = e.timestamp;\r
+                       this[ 'pointerId' ]     = e.pointerId;                  \r
+                       this[ 'target' ]        = X_Node_getXNode( e.target );\r
+                       this[ 'relatedTarget' ] = X_Node_getXNode( e.relatedTarget ); // xnode\r
+                       this[ 'isPrimary' ]     = e.isPrimary;\r
+                       this[ 'hwTimestamp' ]   = e.hwTimestamp;\r
+                       this[ 'timestamp' ]     = e.timestamp;\r
 \r
-                       this.altKey        = e.altKey;\r
-                       this.ctrlKey       = e.ctrlKey;\r
-                       this.metaKey       = e.metaKey;\r
-                       this.shiftKey      = e.shiftKey;\r
-                       //this.screenX       = touch.screenX;\r
-                       //this.screenY       = touch.screenY;\r
-                       this.clientX       = e.clientX;\r
-                       this.clientY       = e.clientY;\r
-                       this.pageX         = e.pageX;\r
-                       this.pageY         = e.pageY;\r
-                       this.offsetX       = e.offsetX;\r
-                       this.offsetY       = e.offsetY;\r
+                       this[ 'altKey' ]        = e.altKey;\r
+                       this[ 'ctrlKey' ]       = e.ctrlKey;\r
+                       this[ 'metaKey' ]       = e.metaKey;\r
+                       this[ 'shiftKey' ]      = e.shiftKey;\r
+                       //this[ 'screenX' ]       = touch.screenX;\r
+                       //this[ 'screenY' ]       = touch.screenY;\r
+                       this[ 'clientX' ]       = e.clientX;\r
+                       this[ 'clientY' ]       = e.clientY;\r
+                       this[ 'pageX' ]         = e.pageX;\r
+                       this[ 'pageY' ]         = e.pageY;\r
+                       this[ 'offsetX' ]       = e.offsetX;\r
+                       this[ 'offsetY' ]       = e.offsetY;\r
                } else\r
                if( pointerEventType = X_Event_toPointer[ originalType ] ){\r
                        // Touch or Mouse\r
@@ -109,7 +111,7 @@ if( !X_UA[ 'IE' ] || 9 <= X_UA[ 'IE' ] ){
                                if( touches.length === 0 ){\r
                                        alert( 'e.changedTouches.length === 0' );\r
                                };\r
-                               xnode._cancelMouse = pointerEventType;\r
+                               X_Dom_Event_CANCEL_MOUSE[ xnode[ '_uid' ] ] = pointerEventType;\r
                                \r
                                events   = [];\r
                                altKey   = e.altKey;\r
@@ -123,79 +125,78 @@ if( !X_UA[ 'IE' ] || 9 <= X_UA[ 'IE' ] ){
                                        target  = touch.target;\r
                                        related = touch.relatedTarget;\r
                                        events[ i ] = {\r
-                                               type          : pointerEventType,\r
-                                               pointerType   : 'touch',\r
-                                               target        : X_Node_getXNode( target.nodeType === 3 ? target.parentNode : target ),// defeat Safari bug // xnodetouch.target,\r
-                                               currentTarget : xnode,\r
-                                               relatedTarget : related && X_Node_getXNode( related.nodeType === 3 ? related.parentNode : related ), // xnode iOS3 には relatedTarget がない\r
-                                               isPrimary     : true,\r
-                                               hwTimestamp   : time,\r
-                                               timestamp     : time,\r
-                                               button        : e.button,\r
-                                               buttons       : e.buttons || e.button,\r
-                                               altKey        : altKey,\r
-                                               ctrlKey       : ctrlKey,\r
-                                               metaKey       : metaKey,\r
-                                               shiftKey      : shiftKey,\r
-                                               pointerId     : touch.identifier + 2,\r
+                                               'type'          : pointerEventType,\r
+                                               'pointerType'   : 'touch',\r
+                                               'target'        : X_Node_getXNode( target.nodeType === 3 ? target.parentNode : target ),// defeat Safari bug // xnodetouch.target,\r
+                                               'currentTarget' : xnode,\r
+                                               'relatedTarget' : related && X_Node_getXNode( related.nodeType === 3 ? related.parentNode : related ), // xnode iOS3 には relatedTarget がない\r
+                                               'isPrimary'     : true,\r
+                                               'hwTimestamp'   : time,\r
+                                               'timestamp'     : time,\r
+                                               'button'        : e.button,\r
+                                               'buttons'       : e.buttons || e.button,\r
+                                               'altKey'        : altKey,\r
+                                               'ctrlKey'       : ctrlKey,\r
+                                               'metaKey'       : metaKey,\r
+                                               'shiftKey'      : shiftKey,\r
+                                               'pointerId'     : touch.identifier + 2,\r
                                                //screenX       : touch.screenX,\r
                                                //screenY       : touch.screenY,\r
-                                               clientX       : touch.clientX,\r
-                                               clientY       : touch.clientY,\r
-                                               pageX         : touch.pageX,\r
-                                               pageY         : touch.pageY,\r
-                                               offsetX       : touch.offsetX, // 要素上の座標を取得 \r
-                                               offsetY       : touch.offsetY,\r
-                                               radiusX       : touch.radiusX || 0,\r
-                                               radiusY       : touch.radiusY || 0,\r
-                                               rotationAngle : touch.rotationAngle || 0,\r
-                                               pressure      : touch.force || touch.webkitForce || force,\r
-                                               width         : touch.width || 0,\r
-                                               height        : touch.height || 0\r
+                                               'clientX'       : touch.clientX,\r
+                                               'clientY'       : touch.clientY,\r
+                                               'pageX'         : touch.pageX,\r
+                                               'pageY'         : touch.pageY,\r
+                                               'offsetX'       : touch.offsetX, // 要素上の座標を取得 \r
+                                               'offsetY'       : touch.offsetY,\r
+                                               'radiusX'       : touch.radiusX || 0,\r
+                                               'radiusY'       : touch.radiusY || 0,\r
+                                               'rotationAngle' : touch.rotationAngle || 0,\r
+                                               'pressure'      : touch.force || touch.webkitForce || force,\r
+                                               'width'         : touch.width || 0,\r
+                                               'height'        : touch.height || 0\r
                                        };\r
                                };\r
                                return events.length === 1 ? events[ 0 ] : events;\r
                        } else {\r
                                \r
-                               if( xnode._cancelMouse === pointerEventType ){\r
-                                       delete xnode._cancelMouse;\r
-                                       console.log( '**** xnode._cancelMouse ' + xnode._cancelMouse );\r
+                               if( X_Dom_Event_CANCEL_MOUSE[ xnode[ '_uid' ] ] === pointerEventType ){\r
+                                       delete X_Dom_Event_CANCEL_MOUSE[ xnode[ '_uid' ] ];\r
                                        return [];\r
                                };\r
                                \r
                                // MouseEvent;\r
-                               this.type          = pointerEventType;\r
-                               this.pointerType   = 'mouse';\r
+                               this[ 'type' ]          = pointerEventType;\r
+                               this[ 'pointerType' ]   = 'mouse';\r
                                \r
-                               this.button        = e.button !== undefined ? e.button :\r
+                               this[ 'button' ]        = e.button !== undefined ? e.button :\r
                                                                         e.which !== undefined ? e.which - 1 : -1;\r
-                               this.buttons       = e.buttons !== undefined ? e.buttons : this.button === 0 ? 1 : this.button === 1 ? 2 : this.button === 2 ? 4 : 0;\r
-                               this.pressure      = ( this.button !== -1 ? 0.5 : 0 );\r
+                               this[ 'buttons' ]       = e.buttons !== undefined ? e.buttons : this[ 'button' ] === 0 ? 1 : this[ 'button' ] === 1 ? 2 : this[ 'button' ] === 2 ? 4 : 0;\r
+                               this[ 'pressure' ]      = ( this[ 'button' ] !== -1 ? 0.5 : 0 );\r
                                \r
                                elm = e.target;\r
-                               this.target        = X_Node_getXNode( elm.nodeType === 3 ? elm.parentNode : elm );// defeat Safari bug // xnodetouch.target;\r
-                               this.isPrimary     = true;\r
-                               this.hwTimestamp   = this.timestamp = X_Timer_now(); \r
-                               this.altKey        = e.altKey;\r
-                               this.ctrlKey       = e.ctrlKey;\r
-                               this.metaKey       = e.metaKey;\r
-                               this.shiftKey      = e.shiftKey;\r
-                               this.pointerId     = 1;\r
-                               //this.screenX       = touch.screenX;\r
-                               //this.screenY       = touch.screenY;\r
+                               this[ 'target' ]        = X_Node_getXNode( elm.nodeType === 3 ? elm.parentNode : elm );// defeat Safari bug // xnodetouch.target;\r
+                               this[ 'isPrimary' ]     = true;\r
+                               this[ 'hwTimestamp' ]   = this[ 'timestamp' ] = X_Timer_now(); \r
+                               this[ 'altKey' ]        = e.altKey;\r
+                               this[ 'ctrlKey' ]       = e.ctrlKey;\r
+                               this[ 'metaKey' ]       = e.metaKey;\r
+                               this[ 'shiftKey' ]      = e.shiftKey;\r
+                               this[ 'pointerId' ]     = 1;\r
+                               //this[ 'screenX' ]       = touch.screenX;\r
+                               //this[ 'screenY' ]       = touch.screenY;\r
                                // TODO http://uupaa-js.googlecode.com/svn-history/r8/trunk/doc/reference/symbols/src/trunk_uu.module.ui.js.html\r
                                // Safari2ではclientX,YはpageX,Yと同じ値を返す\r
-                               this.clientX       = e.clientX;\r
-                               this.clientY       = e.clientY;\r
-                               this.pageX         = e.pageX;\r
-                               this.pageY         = e.pageY;\r
-                               this.offsetX       = e.offsetX || e.layerX; // 要素上の座標を取得 \r
-                               this.offsetY       = e.offsetY || e.layerY;\r
+                               this[ 'clientX' ]       = e.clientX;\r
+                               this[ 'clientY' ]       = e.clientY;\r
+                               this[ 'pageX' ]         = e.pageX;\r
+                               this[ 'pageY' ]         = e.pageY;\r
+                               this[ 'offsetX' ]       = e.offsetX || e.layerX; // 要素上の座標を取得 \r
+                               this[ 'offsetY' ]       = e.offsetY || e.layerY;\r
                                \r
                        // http://www.programming-magic.com/20090127231544/\r
                        // Opera で button==2の場合、コンテキストメニューイベントを発火 「ツール」->「設定」->「詳細設定」->「コンテンツ」->「Javascriptオプション」で「右クリックを制御するスクリプトを許可する」\r
-                               if( originalType === 'mousedown' && this.button === 2 && X_UA[ 'Opera' ] ){\r
-                                       events = [ X.Object.clone( this ), X.Object.clone( this ) ];\r
+                               if( originalType === 'mousedown' && this[ 'button' ] === 2 && X_UA[ 'Opera' ] ){\r
+                                       events = [ X_Object_clone( this ), X_Object_clone( this ) ];\r
                                        events[ 1 ].type = 'contextmenu';\r
                                        return events;\r
                                };\r
@@ -203,22 +204,22 @@ if( !X_UA[ 'IE' ] || 9 <= X_UA[ 'IE' ] ){
                } else {\r
                        // Other\r
                        \r
-                       this.keyCode       = e.keyCode || e.which;\r
-                       this.altKey        = e.altKey;\r
-                       this.ctrlKey       = e.ctrlKey;\r
-                       this.shiftKey      = e.shiftKey;\r
-                       this.metaKey       = e.metaKey;\r
+                       this[ 'keyCode' ]       = e.keyCode || e.which;\r
+                       this[ 'altKey' ]        = e.altKey;\r
+                       this[ 'ctrlKey' ]       = e.ctrlKey;\r
+                       this[ 'shiftKey' ]      = e.shiftKey;\r
+                       this[ 'metaKey' ]       = e.metaKey;\r
                        \r
-                       this.button        = e.button !== undefined ? e.button :\r
+                       this[ 'button' ]        = e.button !== undefined ? e.button :\r
                                                                 e.which !== undefined ? e.which - 1 : -1;\r
-                       this.buttons       = e.buttons !== undefined ? e.buttons : this.button === 0 ? 1 : this.button === 1 ? 2 : this.button === 2 ? 4 : 0;\r
+                       this[ 'buttons' ]       = e.buttons !== undefined ? e.buttons : this[ 'button' ] === 0 ? 1 : this[ 'button' ] === 1 ? 2 : this[ 'button' ] === 2 ? 4 : 0;\r
                        \r
                        //http://www.quirksmode.org/js/events_properties.html\r
                        if( elm = e.target ){\r
-                               this.target        = X_Node_getXNode( elm.nodeType === 3 ? elm.parentNode : elm );// defeat Safari bug // xnode\r
+                               this[ 'target' ]        = X_Node_getXNode( elm.nodeType === 3 ? elm.parentNode : elm );// defeat Safari bug // xnode\r
                        };\r
                        if( elm = e.relatedTarget ){\r
-                               this.relatedTarget = X_Node_getXNode( elm.nodeType === 3 ? elm.parentNode : elm ); // xnode\r
+                               this[ 'relatedTarget' ] = X_Node_getXNode( elm.nodeType === 3 ? elm.parentNode : elm ); // xnode\r
                        };\r
                        \r
                        if( type === 'wheel' ){\r
@@ -227,58 +228,58 @@ if( !X_UA[ 'IE' ] || 9 <= X_UA[ 'IE' ] ){
                                // https://w3g.jp/blog/tools/wheelevent_crossbrowser\r
                                // ホイール系イベント2014年版クロスブラウザ\r
                                if( e.deltaY !== undefined ){\r
-                                       this.deltaX = e.deltaX;\r
-                                       this.deltaY = e.deltaY;\r
-                                       this.deltaZ = e.deltaZ || 0;\r
+                                       this[ 'deltaX' ] = e.deltaX;\r
+                                       this[ 'deltaY' ] = e.deltaY;\r
+                                       this[ 'deltaZ' ] = e.deltaZ || 0;\r
                                } else\r
                                if( e.wheelDeltaY !== undefined ){\r
-                                       this.deltaX = e.wheelDeltaX / 120;\r
-                                       this.deltaY = e.wheelDeltaY / 120;\r
-                                       this.deltaZ = e.wheelDeltaZ / 120 || 0;\r
+                                       this[ 'deltaX' ] = e.wheelDeltaX / 120;\r
+                                       this[ 'deltaY' ] = e.wheelDeltaY / 120;\r
+                                       this[ 'deltaZ' ] = e.wheelDeltaZ / 120 || 0;\r
                                } else\r
                                if( e.wheelDelta !== undefined ){\r
-                                       this.deltaX = this.deltaZ = 0;\r
-                                       this.deltaY = e.wheelDelta / -120;\r
+                                       this[ 'deltaX' ] = this[ 'deltaZ' ] = 0;\r
+                                       this[ 'deltaY' ] = e.wheelDelta / -120;\r
                                } else\r
                                if( e.detail !== undefined ){\r
-                                       this.deltaX = this.deltaZ = 0;\r
-                                       this.deltaY = originalType === 'MozMousePixelScroll' ? e.detail / 45 : e.detail / 3; // 3\r
+                                       this[ 'deltaX' ] = this[ 'deltaZ' ] = 0;\r
+                                       this[ 'deltaY' ] = originalType === 'MozMousePixelScroll' ? e.detail / 45 : e.detail / 3; // 3\r
                                } else {\r
-                                       this.deltaX = this.deltaY = this.deltaZ = 0;\r
+                                       this[ 'deltaX' ] = this[ 'deltaY' ] = this[ 'deltaZ' ] = 0;\r
                                };\r
                        };\r
                };\r
 \r
-               this.currentTarget = xnode; // xnode\r
-               this.eventPhase    = e.eventPhase;\r
-               this.detail        = e.detail;\r
+               this[ 'currentTarget' ] = xnode; // xnode\r
+               this[ 'eventPhase' ]    = e.eventPhase;\r
+               this[ 'detail' ]        = e.detail;\r
        };\r
 } else {\r
-       X.Dom.Event = function( e, xnode, element ){\r
+       X_DomEvent = function( e, xnode, element ){\r
                var originalType = e.type, btn, type;\r
                \r
-               this.type          = X_Event_RenameTo[ originalType ] || originalType;\r
-               this.target        = X_Node_getXNode( e.srcElement ); // xnode\r
-               if( this.target && !this.target._tag ) this.target = this.target.parent; // ie4 の fake Textnode がヒットしていないか?\r
-               this.currentTarget = xnode; // xnode\r
-               this.relatedTarget = X_Node_getXNode( e.formElement || e.toElement ); // xnode\r
-               this.eventPhase    = e.srcElement === element ? 2: 3;\r
+               this[ 'type' ]          = X_Event_RenameTo[ originalType ] || originalType;\r
+               this[ 'target' ]        = X_Node_getXNode( e.srcElement ); // xnode\r
+               if( this[ 'target' ] && !this[ 'target' ][ '_tag' ] ) this[ 'target' ] = this[ 'target' ].parent; // ie4 の fake Textnode がヒットしていないか?\r
+               this[ 'currentTarget' ] = xnode; // xnode\r
+               this[ 'relatedTarget' ] = X_Node_getXNode( e.formElement || e.toElement ); // xnode\r
+               this[ 'eventPhase' ]    = e.srcElement === element ? 2: 3;\r
                \r
-               this.keyCode       = e.keyCode;\r
-               this.altKey        = e.altKey;\r
-               this.ctrlKey       = e.ctrlKey;\r
-               this.shiftKey      = e.shiftKey;                \r
+               this[ 'keyCode' ]       = e.keyCode;\r
+               this[ 'altKey' ]        = e.altKey;\r
+               this[ 'ctrlKey' ]       = e.ctrlKey;\r
+               this[ 'shiftKey' ]      = e.shiftKey;           \r
 \r
                \r
-               switch( this.type ){\r
+               switch( this[ 'type' ] ){\r
                        case 'message' :\r
-                               this.data   = e.data;\r
-                               this.origin = e.origin;\r
-                               this.source = e.source;\r
+                               this[ 'data' ]   = e.data;\r
+                               this[ 'origin' ] = e.origin;\r
+                               this[ 'source' ] = e.source;\r
                                break;\r
                        case 'progress' :\r
-                               this.loaded = e.loaded;\r
-                               this.total  = e.total;\r
+                               this[ 'loaded' ] = e.loaded;\r
+                               this[ 'total' ]  = e.total;\r
                                break;\r
                };\r
 \r
@@ -286,68 +287,62 @@ if( !X_UA[ 'IE' ] || 9 <= X_UA[ 'IE' ] ){
                switch( originalType ){\r
                        case 'click'    :\r
                        case 'dblclick' :\r
-                               this.button = 0;\r
+                               this[ 'button' ] = 0;\r
                                break;\r
                        case 'contextmenu' :\r
-                               this.button = 2;\r
+                               this[ 'button' ] = 2;\r
                                break;\r
                        default :\r
                                // mouseup, mousedown\r
                                btn = e.button;\r
-                               this.button =\r
+                               this[ 'button' ] =\r
                                        btn & 1 ? 0 :\r
                                        btn & 4 ? 2 :\r
                                        btn & 2 ? 1 : -1; // 左:1(click:0), 中:4, 右:2\r
                                \r
                };\r
-               this.buttons     = e.button;\r
+               this[ 'buttons' ]     = e.button;\r
        \r
-               this.deltaX      = 0;\r
-               this.deltaY      = e.wheelDelta / -120; \r
+               this[ 'deltaX' ]      = 0;\r
+               this[ 'deltaY' ]      = e.wheelDelta / -120;    \r
        \r
                if( type = X_Event_toPointer[ originalType ] ){\r
-                       this.type          = type;\r
-                       this.clientX       = e.clientX;\r
-                       this.clientY       = e.clientY;\r
-                       //this.screenX       = e.screenX;\r
-                       //this.screenY       = e.screenY;\r
+                       this[ 'type' ]          = type;\r
+                       this[ 'clientX' ]       = e.clientX;\r
+                       this[ 'clientY' ]       = e.clientY;\r
+                       //this[ 'screenX' ]       = e.screenX;\r
+                       //this[ 'screenY' ]       = e.screenY;\r
                        \r
                        //if( X_ViewPort_rootElement ){ // uuu...\r
-                               this.pageX         = e.clientX + X_ViewPort_rootElement.scrollLeft;\r
-                               this.pageY         = e.clientY + X_ViewPort_rootElement.scrollTop;\r
+                               this[ 'pageX' ]         = e.clientX + X_ViewPort_rootElement.scrollLeft;\r
+                               this[ 'pageY' ]         = e.clientY + X_ViewPort_rootElement.scrollTop;\r
                                // DOMAssistant 2.8.1\r
                                //event.pageX = DOMAssistant.def(e.pageX)? e.pageX : (event.clientX + (de.scrollLeft || b.scrollLeft) - (de.clientLeft || 0));\r
                                //event.pageY = DOMAssistant.def(e.pageY)? e.pageY : (event.clientY + (de.scrollTop || b.scrollTop) - (de.clientTop || 0));                                                     \r
                        //};\r
 \r
                        if( 5 <= X_UA[ 'IE' ] ){\r
-                               this.offsetX       = e.offsetX; // イベントターゲット左上からの座標\r
-                               this.offsetY       = e.offsetY;                 \r
+                               this[ 'offsetX' ]       = e.offsetX; // イベントターゲット左上からの座標\r
+                               this[ 'offsetY' ]       = e.offsetY;                    \r
                        }// else\r
                        //if( e.srcElement ){\r
-                       //      this.offsetX       = e.x - e.srcElement.offsetLeft; // e.x はイベント発生要素の親要素を基準にした座標。\r
-                       //      this.offsetY       = e.y - e.srcElement.offsetTop;      \r
+                       //      this[ 'offsetX' ]       = e.x - e.srcElement.offsetLeft; // e.x はイベント発生要素の親要素を基準にした座標。\r
+                       //      this[ 'offsetY' ]       = e.y - e.srcElement.offsetTop; \r
                        //};\r
                        \r
-                       this.pointerId     = 1;\r
-                       this.radiusX       = 0;\r
-                       this.radiusY       = 0;\r
-                       this.rotationAngle = 0;\r
-                       this.width         = 0;\r
-                       this.height        = 0;\r
-                       this.tiltX         = 0;\r
-                       this.tiltY         = 0;\r
+                       this[ 'pointerId' ]     = 1;\r
+                       this[ 'radiusX' ]       = 0;\r
+                       this[ 'radiusY' ]       = 0;\r
+                       this[ 'rotationAngle' ] = 0;\r
+                       this[ 'width' ]         = 0;\r
+                       this[ 'height' ]        = 0;\r
+                       this[ 'tiltX' ]         = 0;\r
+                       this[ 'tiltY' ]         = 0;\r
                };\r
        };\r
 };\r
 \r
 // TODO load -> readystatechange this.readyState === "loaded" || this.readyState === "complete"\r
-/*\r
-X.Dom.Event._LOAD_FIX_TAGS = {\r
-       IFRAME : true,\r
-       SCRIPT : true//,\r
-       //LINK   : true\r
-}; */\r
 \r
 // https://github.com/georgeadamson/jQuery.prefixfree-events/blob/master/jQuery.prefixfree-events.js\r
 // https://developer.mozilla.org/en-US/docs/Web/Events/wheel\r