OSDN Git Service

Version 0.6.66, fixed around X.Callback.
[pettanr/clientJs.git] / 0.6.x / js / dom / 12_XDomEvent.js
index 5ad2058..d80f5e0 100644 (file)
@@ -42,6 +42,7 @@ if( X.Dom.EVENT_W3C ){
                // https://developer.mozilla.org/ja/docs/DOM/DOM_event_reference/mousewheel\r
                \r
                // TODO\r
+               // axis\r
                // https://w3g.jp/blog/tools/wheelevent_crossbrowser\r
                // ホイール系イベント2014年版クロスブラウザ\r
                if( e.wheelDeltaY !== undefined ){\r
@@ -191,25 +192,29 @@ X.Dom.Event.Rename = {};
 X.Dom.Event.RenameTo = {};\r
 // https://github.com/georgeadamson/jQuery.prefixfree-events/blob/master/jQuery.prefixfree-events.js\r
 \r
-// TODO DOMMoseScroll\r
+// DOMMoseScroll\r
+if( X.UA.Gecko && window.MouseScrollEvent ){\r
+       if( 2 <= X.UA.Gecko || ( 1.9 < X.UA.Gecko && 1 <= X.UA.GeckoPatch ) ){ // Gecko 1.9.1+ (firefox3.5+)\r
+               console.log( 'mousewheel <= MozMousePixelScroll' );\r
+               X.Dom.Event.Rename[ 'mousewheel' ] = 'MozMousePixelScroll';\r
+       } else\r
+       if( 0.9 < X.UA.Gecko && 7 <= X.UA.GeckoPatch ){ // Gecko 0.9.7+ (NN6.2+?)\r
+               console.log( 'mousewheel <= DOMMouseScroll' );\r
+               X.Dom.Event.Rename[ 'mousewheel' ] = 'DOMMouseScroll';\r
+       };\r
+};\r
 \r
 if( window.onwebkitanimationend !== undefined && window.onanimationend === undefined ){\r
        console.log( 'animationend <= webkitAnimationEnd' );\r
-         X.Dom.Event.Rename[ 'animationend' ]             = 'webkitAnimationEnd';\r
-       X.Dom.Event.RenameTo[ 'webkitAnimationEnd' ]       = 'animationend';\r
-         X.Dom.Event.Rename[ 'animationstart' ]           = 'webkitAnimationStart';\r
-       X.Dom.Event.RenameTo[ 'webkitAnimationStart' ]     = 'animationstart';\r
-         X.Dom.Event.Rename[ 'animationiteration' ]       = 'webkitAnimationIteration';\r
-       X.Dom.Event.RenameTo[ 'webkitAnimationIteration' ] = 'animationiteration';\r
+       X.Dom.Event.Rename[ 'animationend' ]        = 'webkitAnimationEnd';\r
+       X.Dom.Event.Rename[ 'animationstart' ]      = 'webkitAnimationStart';\r
+       X.Dom.Event.Rename[ 'animationiteration' ]  = 'webkitAnimationIteration';\r
 } else\r
 if( window.onoanimationend !== undefined && window.onanimationend === undefined ){\r
        console.log( 'animationend <= oAnimationEnd' );\r
-         X.Dom.Event.Rename[ 'animationend' ]        = 'oAnimationEnd';\r
-       X.Dom.Event.RenameTo[ 'oAnimationEnd' ]       = 'animationend';\r
-         X.Dom.Event.Rename[ 'animationstart' ]      = 'oAnimationStart';\r
-       X.Dom.Event.RenameTo[ 'oAnimationStart' ]     = 'animationstart';\r
-         X.Dom.Event.Rename[ 'animationiteration' ]  = 'oAnimationIteration';\r
-       X.Dom.Event.RenameTo[ 'oAnimationIteration' ] = 'animationiteration';\r
+       X.Dom.Event.Rename[ 'animationend' ]        = 'oAnimationEnd';\r
+       X.Dom.Event.Rename[ 'animationstart' ]      = 'oAnimationStart';\r
+       X.Dom.Event.Rename[ 'animationiteration' ]  = 'oAnimationIteration';\r
 } else\r
 /*\r
 if( window.onmozanimationend !== undefined && window.onanimationend === undefined ){\r
@@ -222,51 +227,44 @@ if( window.onmozanimationend !== undefined && window.onanimationend === undefine
 } else*/\r
 if( document.documentElement && document.documentElement.style.msAnimation !== undefined && document.documentElement.style.animation === undefined ){ //document.documentElement.style.msAnimation \r
        console.log( 'animationend <= MSAnimationEnd' );\r
-         X.Dom.Event.Rename[ 'animationend' ]         = 'MSAnimationEnd';\r
-       X.Dom.Event.RenameTo[ 'MSAnimationEnd' ]       = 'animationend';\r
-         X.Dom.Event.Rename[ 'animationstart' ]       = 'MSAnimationStart';\r
-       X.Dom.Event.RenameTo[ 'MSAnimationStart' ]     = 'animationstart';\r
-         X.Dom.Event.Rename[ 'animationiteration' ]   = 'MSAnimationIteration';\r
-       X.Dom.Event.RenameTo[ 'MSAnimationIteration' ] = 'animationiteration';\r
+       X.Dom.Event.Rename[ 'animationend' ]         = 'MSAnimationEnd';\r
+       X.Dom.Event.Rename[ 'animationstart' ]       = 'MSAnimationStart';\r
+       X.Dom.Event.Rename[ 'animationiteration' ]   = 'MSAnimationIteration';\r
 };\r
 // https://developer.mozilla.org/en-US/docs/Web/Events/transitionend\r
 // chrome1+, firefox4+, IE10+, Opera10.5+, Safari3.2+, Android2.1+\r
 if( window.onwebkittransitionend !== undefined && window.ontransitionend === undefined ){\r
        console.log( 'transitionend <= webkitTransitionEnd' );\r
-         X.Dom.Event.Rename[ 'transitionend' ]       = 'webkitTransitionEnd';\r
-       X.Dom.Event.RenameTo[ 'webkitTransitionEnd' ] = 'transitionend';\r
+       X.Dom.Event.Rename[ 'transitionend' ]      = 'webkitTransitionEnd';\r
 } else\r
 if( window.onotransitionend !== undefined && window.ontransitionend === undefined ){\r
        if( X.UA.Opera < 12 ){\r
                console.log( 'transitionend <= oTransitionEnd|ver.' + X.UA.Opera );\r
-                 X.Dom.Event.Rename[ 'transitionend' ]  = 'oTransitionEnd';\r
-               X.Dom.Event.RenameTo[ 'oTransitionEnd' ] = 'transitionend';\r
+               X.Dom.Event.Rename[ 'transitionend' ]  = 'oTransitionEnd';\r
        } else {\r
                console.log( 'transitionend <= otransitionEnd|ver.' + X.UA.Opera );\r
-                 X.Dom.Event.Rename[ 'transitionend' ]  = 'otransitionEnd';\r
-               X.Dom.Event.RenameTo[ 'otransitionEnd' ] = 'transitionend';\r
+               X.Dom.Event.Rename[ 'transitionend' ]  = 'otransitionEnd';\r
        };\r
 } else\r
 if( window.onmoztransitionend !== undefined && window.ontransitionend === undefined ){\r
        console.log( 'transitionend <= mozTransitionEnd' );\r
-         X.Dom.Event.Rename[ 'transitionend' ]    = 'mozTransitionEnd';\r
-       X.Dom.Event.RenameTo[ 'mozTransitionEnd' ] = 'transitionend';\r
+       X.Dom.Event.Rename[ 'transitionend' ]    = 'mozTransitionEnd';\r
 };\r
 \r
 \r
 if( navigator.msPointerEnabled && !navigator.pointerEnabled ){\r
        console.log( 'pointerdown <= MSPointerDown' );\r
-         X.Dom.Event.Rename[ 'pointerdown'     ] = 'MSPointerDown';\r
-       X.Dom.Event.RenameTo[ 'MSPointerDown'   ] = 'pointerdown';\r
-         X.Dom.Event.Rename[ 'pointerup'       ] = 'MSPointerUp';\r
-       X.Dom.Event.RenameTo[ 'MSPointerUp'     ] = 'pointerup';\r
-         X.Dom.Event.Rename[ 'pointermove'     ] = 'MSPointerMove';\r
-       X.Dom.Event.RenameTo[ 'MSPointerMove'   ] = 'pointermove';\r
-         X.Dom.Event.Rename[ 'pointercancel'   ] = 'MSPointerCancel';\r
-       X.Dom.Event.RenameTo[ 'MSPointerCancel' ] = 'pointercancel';\r
+       X.Dom.Event.Rename[ 'pointerdown'     ] = 'MSPointerDown';\r
+       X.Dom.Event.Rename[ 'pointerup'       ] = 'MSPointerUp';\r
+       X.Dom.Event.Rename[ 'pointermove'     ] = 'MSPointerMove';\r
+       X.Dom.Event.Rename[ 'pointercancel'   ] = 'MSPointerCancel';\r
 };\r
 \r
-\r
+(function( rename, renameTo ){\r
+       for( var k in rename ){\r
+               renameTo[ rename[ k ] ] = k;\r
+       };\r
+})( X.Dom.Event.Rename, X.Dom.Event.RenameTo );\r
 \r
 X.Dom.Node.prototype.listen = function( type /* , arg1, arg2, arg3[ listener || ( context + function ) || function ][ arguments ] */ ){\r
        if( this._xnodeType === 0 || this._xnodeType === 3 ) return this;\r
@@ -280,26 +278,16 @@ X.Dom.Node.prototype._addEvent =
        // 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.Dom.EVENT_W3C && X.UA.Safari && X.UA.Safari < 3 ?\r
+       X.Dom.EVENT_W3C && ( X.UA.WebKit < 525.13 || X.UA.Opera7 ) ? // Safari3-\r
                (function( type ){\r
                        var raw = this._rawNode;\r
                        if( !raw ) return;\r
                        this._handleEvent = this._handleEvent || X.Callback.create( this );\r
-                       if( this._xnodeType === 4 ){ // Image\r
-                               raw[ 'on' + type ] = this._handleEvent;\r
-                       } else {\r
+                       if( raw.addEventListener ){\r
                                raw.addEventListener( type, this._handleEvent, false );\r
-                       };\r
-               }) :\r
-       X.Dom.EVENT_W3C && X.UA.Opera7 ?\r
-               (function( type ){\r
-                       var raw = this._rawNode;\r
-                       if( !raw ) return;\r
-                       this._handleEvent = this._handleEvent || X.Callback.create( this );\r
-                       if( raw === window ){\r
-                               raw[ 'on' + type ] = this._handleEvent;\r
                        } else {\r
-                               raw.addEventListener( type, this._handleEvent, false );\r
+                               // Safari は Image, Opera7 は window\r
+                               raw[ 'on' + type ] = this._handleEvent;\r
                        };\r
                }) :\r
        X.Dom.EVENT_W3C ?\r
@@ -308,14 +296,19 @@ X.Dom.Node.prototype._addEvent =
                }) :\r
        X.Dom.EVENT_IE ?\r
                (function( type ){\r
-                       if( !this._rawNode ) return;\r
+                       var raw = this._rawNode;\r
+                       if( !raw ) return;\r
                        this._handleEvent = this._handleEvent || X.Callback.create( this );\r
-                       this._rawNode.attachEvent( 'on' + type, this._handleEvent );\r
+                       if( raw.attachEvent ){\r
+                               raw.attachEvent( 'on' + type, this._handleEvent );\r
+                       } else {\r
+                               raw[ 'on' + type ] = this._handleEvent;\r
+                       };\r
                }) :\r
                (function( type ){\r
-                       var elm = this._rawNode || ( this._ie4getRawNode && this._ie4getRawNode() );\r
-                       if( !elm ) return;\r
-                       this._handleEvent = elm[ 'on' + type ] = this._handleEvent || X.Callback.create( this );\r
+                       var raw = this._rawNode || ( this._ie4getRawNode && this._ie4getRawNode() );\r
+                       if( !raw ) return;\r
+                       raw[ 'on' + type ] = this._handleEvent = this._handleEvent || X.Callback.create( this );\r
                });\r
 \r
 \r
@@ -331,30 +324,15 @@ X.Dom.Node.prototype.unlisten = function( type /* , arg1, arg2, arg3 */ ){
 };\r
 \r
 X.Dom.Node.prototype._removeEvent =\r
-       X.Dom.EVENT_W3C && X.UA.Safari && X.UA.Safari < 3 ?\r
+       X.Dom.EVENT_W3C && ( X.UA.WebKit < 525.13 || X.UA.Opera7 ) ? // Safari3-\r
                (function( type ){\r
                        var raw = this._rawNode;\r
                        if( !raw ) return;\r
                        \r
-                       if( this._xnodeType === 4 ){ // Image\r
-                               raw[ 'on' + type ] = '';\r
-                       } else {\r
+                       if( raw.addEventListener ){ // Image\r
                                raw.removeEventListener( type, this._handleEvent, false );\r
-                       };\r
-                       if( !this._listeners ){\r
-                               X.Callback._correct( this._handleEvent );\r
-                               delete this._handleEvent;\r
-                       };\r
-               }) :\r
-       X.Dom.EVENT_W3C && X.UA.Opera7 ?\r
-               (function( type ){\r
-                       var raw = this._rawNode;\r
-                       if( !raw ) return;\r
-                       \r
-                       if( raw === window ){\r
-                               raw[ 'on' + type ] = null;\r
                        } else {\r
-                               raw.removeEventListener( type, this._handleEvent, false );\r
+                               raw[ 'on' + type ] = null;\r
                        };\r
                        if( !this._listeners ){\r
                                X.Callback._correct( this._handleEvent );\r
@@ -363,25 +341,30 @@ X.Dom.Node.prototype._removeEvent =
                }) :\r
        X.Dom.EVENT_W3C ?\r
                (function( type ){\r
-                       var elm = this._rawNode;\r
-                       if( !elm ) return;\r
-                       elm.removeEventListener( X.Dom.Event.Rename[ type ] || type, this, false );\r
+                       var raw = this._rawNode;\r
+                       if( !raw ) return;\r
+                       raw.removeEventListener( X.Dom.Event.Rename[ type ] || type, this, false );\r
                }) :\r
        X.Dom.EVENT_IE ?\r
                (function( type ){\r
-                       var elm = this._rawNode;\r
-                       if( !elm ) return;\r
-                       elm.detachEvent( 'on' + type, this._handleEvent );\r
+                       var raw = this._rawNode;\r
+                       if( !raw ) return;\r
+                       if( raw.attachEvent ){\r
+                               raw.detachEvent( 'on' + type, this._handleEvent );\r
+                       } else {\r
+                               raw[ 'on' + type ] = X.emptyFunction;\r
+                               raw[ 'on' + type ] = '';\r
+                       };\r
                        if( !this._listeners ){\r
                                X.Callback._correct( this._handleEvent );\r
                                delete this._handleEvent;\r
                        };\r
                }) :\r
                (function( type ){\r
-                       var elm = this._rawNode || ( this._ie4getRawNode && this._ie4getRawNode() );\r
-                       if( !elm ) return;\r
-                       elm[ 'on' + type ] = X.emptyFunction;\r
-                       elm[ 'on' + type ] = '';\r
+                       var raw = this._rawNode || ( this._ie4getRawNode && this._ie4getRawNode() );\r
+                       if( !raw ) return;\r
+                       raw[ 'on' + type ] = X.emptyFunction;\r
+                       raw[ 'on' + type ] = '';\r
                        if( !this._listeners ){\r
                                X.Callback._correct( this._handleEvent );\r
                                delete this._handleEvent;\r
@@ -390,9 +373,20 @@ X.Dom.Node.prototype._removeEvent =
 \r
 // 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
-\r
 X.Dom.Node.prototype.handleEvent =\r
-       X.Dom.EVENT_W3C ?\r
+       X.UA.IE < 9 ? // ie45678 EVENT_IE & EVENT_DOM0 for ie4\r
+               (function(){\r
+                       var ret = X.EventDispatcher.prototype.dispatch.call( this, new X.Dom.Event( event, this, this._rawNode ) );\r
+\r
+                       if( ret & X.Callback.STOP_PROPAGATION ){\r
+                               event.cancelBubble = true;\r
+                       };\r
+                       if( ret & X.Callback.PREVENT_DEFAULT ){\r
+                               this._tag === 'A' && this._rawNode.blur();\r
+                               return event.returnValue = false;\r
+                       };\r
+               }) :\r
+       //X.Dom.EVENT_W3C & EVENT_DOM0 for NetFront\r
                (function( e ){\r
                        var ret = X.EventDispatcher.prototype.dispatch.call( this, new X.Dom.Event( e, this ) );\r
                        \r
@@ -402,24 +396,13 @@ X.Dom.Node.prototype.handleEvent =
                        if( ret & X.Callback.PREVENT_DEFAULT ){\r
                                this._tag === 'A' && this._rawNode.blur();\r
                                e.preventDefault();\r
-                               if( X.UA.Safari && X.UA.Safari < 3 ){\r
+                               if( X.UA.WebKit < 525.13 ){ // Safari3-\r
                                        if( e.type === 'click' || e.type === 'dbclick' ){\r
                                                X.Dom._safariPreventDefault = true;\r
                                        };\r
                                };\r
                                return false;\r
                        };\r
-               }) :\r
-               (function(){\r
-                       var ret = X.EventDispatcher.prototype.dispatch.call( this, new X.Dom.Event( event, this, this._rawNode ) );\r
-\r
-                       if( ret & X.Callback.STOP_PROPAGATION ){\r
-                               event.cancelBubble = true;\r
-                       };\r
-                       if( ret & X.Callback.PREVENT_DEFAULT ){\r
-                               this._tag === 'A' && this._rawNode.blur();\r
-                               return event.returnValue = false;\r
-                       };\r
                });\r
 \r
 \r
@@ -429,7 +412,8 @@ X.Dom.Node.prototype._migrateEvent = function(){
                type;\r
        if( !hash ) return;\r
        for( type in hash ){\r
-               this._removeEvent( type );\r
+               // 数字イベントの除外\r
+               /*'' + parseFloat( type ) !== type && */this._removeEvent( type );\r
        };\r
 };\r
 \r
@@ -439,7 +423,8 @@ X.Dom.Node.prototype._restoreEvent = function(){
                type;\r
        if( !hash ) return;\r
        for( type in hash ){\r
-               this._addEvent( type );\r
+               // 数字イベントの除外\r
+               /*'' + parseFloat( type ) !== type && */ this._addEvent( type );\r
        };\r
 };\r
 \r
@@ -487,7 +472,7 @@ X.Dom.listenOnce( X.Dom.Event.XDOM_READY, function(e){
        console.log( 'X.Dom XDomReady ' + X.Dom.readyState );\r
 } );\r
 \r
-if( X.UA.Safari && X.UA.Safari < 3 ){\r
+if( X.UA.WebKit < 525.13 ){ // Safari3-\r
        document.documentElement.onclick =\r
        document.documentElement.ondbclick = function( e ){\r
                        if( X.Dom._safariPreventDefault ){\r