* \r
*/\r
\r
-if( window.addEventListener ){\r
+if( X.Dom.EVENT_W3C ){\r
X.Dom.Event = function( e, xnode ){\r
//this._event = e;\r
this.type = X.Dom.Event.RenameTo[ e.type ] || e.type;\r
\r
//http://www.quirksmode.org/js/events_properties.html\r
- this.target = Node._getXNode( e.target.nodeType === 3 ? e.target.parentNode : e.target );// defeat Safari bug // xnode\r
+ if( e.target ){\r
+ this.target = Node._getXNode( e.target.nodeType === 3 ? e.target.parentNode : e.target );// defeat Safari bug // xnode\r
+ };\r
+ if( e.relatedTarget ){\r
+ this.relatedTarget = Node._getXNode( e.relatedTarget.nodeType === 3 ? e.relatedTarget.parentNode : e.relatedTarget ); // xnode\r
+ };\r
\r
this.currentTarget = xnode; // xnode\r
- this.relatedTarget = Node._getXNode( e.relatedTarget ); // xnode\r
this.eventPhase = e.eventPhase;\r
\r
this.clientX = e.clientX;\r
// same_page_jump\r
// on_screen_keyboard_show\r
// on_screen_keyboard_hide\r
-X.Dom.Event.BEFORE_UPDATE = ++X.Event._LAST_EVENT;\r
+// X.Dom.Event.BEFORE_UPDATE = ++X.Event._LAST_EVENT; // このイベントで要素のサイズを取得すると無限ループに！\r
X.Dom.Event.AFTER_UPDATE = ++X.Event._LAST_EVENT;\r
// hash_change\r
X.Dom.Event.BEFORE_UNLOAD = ++X.Event._LAST_EVENT;\r
// https://github.com/georgeadamson/jQuery.prefixfree-events/blob/master/jQuery.prefixfree-events.js\r
\r
if( window.onwebkitanimationend !== undefined && window.onanimationend === undefined ){\r
- X.Dom.Event.Rename[ '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.Rename[ 'animationstart' ] = 'webkitAnimationStart';\r
X.Dom.Event.RenameTo[ 'webkitAnimationStart' ] = 'animationstart';\r
- X.Dom.Event.Rename[ 'animationiteration' ] = 'webkitAnimationIteration';\r
+ X.Dom.Event.Rename[ 'animationiteration' ] = 'webkitAnimationIteration';\r
X.Dom.Event.RenameTo[ 'webkitAnimationIteration' ] = 'animationiteration';\r
+} else\r
+if( window.onoanimationend !== undefined && window.onanimationend === undefined ){\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
+} else\r
+/*\r
+if( window.onmozanimationend !== undefined && window.onanimationend === undefined ){\r
+ X.Dom.Event.Rename[ 'animationend' ] = 'mozAnimationEnd';\r
+ X.Dom.Event.RenameTo[ 'mozAnimationEnd' ] = 'animationend';\r
+ X.Dom.Event.Rename[ 'animationstart' ] = 'mozAnimationStart';\r
+ X.Dom.Event.RenameTo[ 'mozAnimationStart' ] = 'animationstart';\r
+ X.Dom.Event.Rename[ 'animationiteration' ] = 'mozAnimationIteration';\r
+ X.Dom.Event.RenameTo[ 'mozAnimationIteration' ] = 'animationiteration';\r
+} else*/\r
+if( document.documentElement && document.documentElement.style.msAnimation !== undefined && document.documentElement.style.animation === undefined ){ //document.documentElement.style.msAnimation \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
};\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
- X.Dom.Event.Rename[ 'transitionend' ] = 'webkitTransitionEnd';\r
+ X.Dom.Event.Rename[ 'transitionend' ] = 'webkitTransitionEnd';\r
X.Dom.Event.RenameTo[ 'webkitTransitionEnd' ] = 'transitionend';\r
+} else\r
+if( window.onotransitionend !== undefined && window.ontransitionend === undefined ){\r
+ if( X.UA.Opera < 12 ){\r
+ X.Dom.Event.Rename[ 'transitionend' ] = 'oTransitionEnd';\r
+ X.Dom.Event.RenameTo[ 'oTransitionEnd' ] = 'transitionend';\r
+ } else {\r
+ X.Dom.Event.Rename[ 'transitionend' ] = 'otransitionEnd';\r
+ X.Dom.Event.RenameTo[ 'otransitionEnd' ] = 'transitionend';\r
+ };\r
+} else\r
+if( window.onmoztransitionend !== undefined && window.ontransitionend === undefined ){\r
+ X.Dom.Event.Rename[ 'transitionend' ] = 'mozTransitionEnd';\r
+ X.Dom.Event.RenameTo[ 'mozTransitionEnd' ] = 'transitionend';\r
+};\r
+\r
+\r
+if( navigator.msPointerEnabled && !navigator.pointerEnabled ){\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
};\r
\r
+\r
+\r
X.Dom.Node.prototype.listen = function( type, arg1, arg2, arg3 /* [ listener || ( context + function ) || function ][ arguments ] */ ){\r
var elm;\r
\r
if( this._xnodeType === 0 || this._xnodeType === 3 || !arg1 ) return this;\r
\r
- ( !this._listeners || !this._listeners[ type ] ) && this._addEvent( type );\r
+ ( !this._listeners || !this._listeners[ type ] ) && X.Type.isString( type ) && this._addEvent( type );\r
\r
return typeof arg1 === 'function' ?\r
X.EventDispatcher.prototype.listen.call( this, type, this, arg1, arg2 ) :\r
};\r
\r
X.Dom.Node.prototype._addEvent =\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.Dom.EVENT_W3C && X.UA.Safari && X.UA.Safari < 3 ?\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
+ 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
+ };\r
+ }) :\r
X.Dom.EVENT_W3C ?\r
(function( type ){\r
this._rawNode && this._rawNode.addEventListener( X.Dom.Event.Rename[ type ] || type, this, false );\r
this._rawNode.attachEvent( 'on' + type, this._handleEvent );\r
}) :\r
(function( type ){\r
- var elm = this._ie4getRawNode();\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
});\r
\r
X.EventDispatcher.prototype.unlisten.apply( this, arguments );\r
\r
- l && !list[ type ] && this._removeEvent( type );\r
+ l && !list[ type ] && X.Type.isString( type ) && this._removeEvent( type );\r
\r
return this;\r
};\r
\r
X.Dom.Node.prototype._removeEvent =\r
+ X.Dom.EVENT_W3C && X.UA.Safari && X.UA.Safari < 3 ?\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
+ 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
+ };\r
+ if( !this._listeners ){\r
+ X.Callback._correct( this._handleEvent );\r
+ delete this._handleEvent;\r
+ };\r
+ }) :\r
X.Dom.EVENT_W3C ?\r
(function( type ){\r
var elm = this._rawNode;\r
};\r
}) :\r
(function( type ){\r
- var elm = this._rawNode || this._ie4getRawNode();\r
+ var elm = this._rawNode || ( this._ie4getRawNode && this._ie4getRawNode() );\r
if( !elm ) return;\r
elm[ 'on' + type ] = X.emptyFunction;\r
elm[ 'on' + type ] = '';\r
};\r
});\r
\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
(function( e ){\r
var ret = X.EventDispatcher.prototype.dispatch.call( this, new X.Dom.Event( e, this ) );\r
-\r
+ \r
if( ret & X.Callback.STOP_PROPAGATION ){\r
e.stopPropagation();\r
};\r
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( e.type === 'click' || e.type === 'dbclick' ){\r
+ X.Dom._safariPreventDefault = true;\r
+ };\r
+ };\r
return false;\r
};\r
}) :\r
};\r
};\r
\r
-\r
-\r
/* -----------------------------------------------\r
* Document Ready\r
* Dean Edwards/Matthias Miller/John Resig\r
*/\r
+\r
+// SafariでJavaScriptのデバッグをする方法\r
+// safari1.3 可\r
+// http://shimax.cocolog-nifty.com/search/2006/09/safarijavascrip_c54d.html\r
+\r
/* for ie9+/Mozilla/Opera9 */\r
-if( X.Dom.DOM_W3C ){\r
- X.Dom.Node._document.listenOnce( 'DOMContentLoaded', X.Dom._init );\r
+if( X.Dom.EVENT_W3C ){\r
+ Node._document.listenOnce( 'DOMContentLoaded', X.Dom._init );\r
} else\r
-if( 5 <= X.UA.IE && X.inHead ){\r
+if( 6 <= X.UA.IE && X.inHead ){\r
// if this script in Head\r
document.write( "<script id=__ie_onload defer src=javascript:void(0)><\/script>" );\r
X.Dom._script = document.getElementById( "__ie_onload" );\r
X.Dom._script.onreadystatechange = function(){\r
- this.readyState === 'complete' && X.Dom._init();\r
+ var s = X.Dom._script;\r
+ if( s && s.readyState === 'complete' ){\r
+ s.onreadystatechange = X.emptyFunction;\r
+ s.onreadystatechange = null;\r
+ s.parentNode.removeChild( s );\r
+ delete X.Dom._script;\r
+ X.Dom._init && X.Dom._init();\r
+ };\r
};\r
-} else\r
-if( X.UA.WebKit ){ // sniff\r
+};\r
+// Re: onLoad doesn't work with Safari?\r
+// http://lists.apple.com/archives/web-dev/2003/Oct/msg00036.html\r
+if( X.UA.WebKit || ( X.UA.Safari && X.UA.Safari < 3 ) ){ // sniff\r
X.Timer.add( 10, function(){\r
if( !X.Dom._init ) return X.Callback.UN_LISTEN;\r
if( 'loaded|complete'.indexOf( document.readyState ) !== -1 ) return X.Dom._init();\r
};\r
\r
/* for other browsers */\r
-X.Dom.Node._window.listenOnce( 'load', X.Dom._init );\r
-\r
+Node._window.listenOnce( 'load', X.Dom._init );\r
//\r
-X.Dom.listenOnce( X.Dom.Event.XDOM_READY, function(e){ console.log( 'X.Dom XDomReady ' + X.Dom.readyState ); } );\r
+X.Dom.listenOnce( X.Dom.Event.XDOM_READY, function(e){\r
+ console.log( 'X.Dom XDomReady ' + X.Dom.readyState );\r
+} );\r
+\r
+if( X.UA.Safari && X.UA.Safari < 3 ){\r
+ document.documentElement.onclick =\r
+ document.documentElement.ondbclick = function( e ){\r
+ if( X.Dom._safariPreventDefault ){\r
+ X.Dom._safariPreventDefault = false;\r
+ e.preventDefault();\r
+ return false;\r
+ };\r
+ };\r
+};\r
\r
-X.Dom.listenOnce( X.Dom.Event.VIEW_RESIZED, function(e){ console.log( 'X.Dom VIEW_RESIZED ' + e.w + 'x' + e.h ); } );\r
+X.Dom.listen( X.Dom.Event.VIEW_RESIZED, function(e){ console.log( 'X.Dom VIEW_RESIZED ' + e.w + 'x' + e.h ); } );\r
\r
OSDN Git Service
