* use X.Callback\r
* \r
* http://d.hatena.ne.jp/uupaa/20100430/1272561922\r
+ * event.offsetX と offsetY の互換性について\r
* \r
*/\r
\r
//this.screenY = e.screenY;\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.offsetX = e.offsetX || e.layerX || 0; // 要素上の座標を取得 \r
+ this.offsetY = e.offsetY || e.layerY || 0;\r
\r
this.keyCode = e.keyCode;\r
this.altKey = e.altKey;\r
// axis\r
// https://w3g.jp/blog/tools/wheelevent_crossbrowser\r
// ホイール系イベント2014年版クロスブラウザ\r
- if( e.deltaY ){\r
+ if( e.deltaY !== undefined ){\r
this.deltaX = e.deltaX;\r
this.deltaY = e.deltaY;\r
} else\r
} else\r
if( e.wheelDelta !== undefined ){\r
this.deltaX = 0;\r
- this.deltaY = -e.wheelDelta / 120;\r
+ this.deltaY = e.wheelDelta / -120;\r
} else\r
if( e.detail !== undefined ){\r
this.deltaX = 0;\r
- this.deltaY = e.type === 'MozMousePixelScroll' ? e.detail / 15 : e.detail; // 3\r
+ this.deltaY = e.type === 'MozMousePixelScroll' ? e.detail / 45 : e.detail / 3; // 3\r
} else {\r
this.deltaX = this.deltaY = 0;\r
};\r
window.PointerEvent = window.MSPointerEvent;\r
};\r
} else {\r
- X.Dom.Event = function( e, xnode, element ){\r
+ X.Dom.Event = function( e, xnode, element, opt_type ){\r
var btn;\r
\r
//this._event = e;\r
- this.type = X.Dom.Event.RenameTo[ e.type ] || e.type;\r
+ this.type = X.Dom.Event.RenameTo[ e.type ] || e.type || opt_type;\r
this.target = Node._getXNode( e.srcElement ); // xnode\r
if( this.target && this.target._xnodeType === 3 ) this.target = this.target.parent; // ie4 の fake Textnode がヒットしていないか?\r
this.currentTarget = xnode; // xnode\r
};\r
this.button = this.which - 1;\r
this.deltaX = 0;\r
- this.deltaY = e.wheelDelta / -12;\r
+ this.deltaY = e.wheelDelta / -120;\r
\r
if( this.type === 'wheel' ) console.log( e.wheelDelta );\r
};\r
console.log( 'wheel <= DOMMouseScroll' );\r
X.Dom.Event.Rename[ 'wheel' ] = 'DOMMouseScroll';\r
};\r
- } else\r
- if( document.onmousewheel !== undefined ){\r
+ } else {\r
+ X.Dom.Event.Rename[ 'wheel' ] = 'mousewheel';\r
+ };\r
+ if( document.onmousewheel !== undefined ){ // Opera で判定失敗\r
X.Dom.Event.Rename[ 'wheel' ] = 'mousewheel';\r
- }; \r
+ };\r
};\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.Rename, X.Dom.Event.RenameTo );\r
\r
\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
- \r
- if( X.Type.isArray( type ) ){\r
- return X.EventDispatcher.prototype.listen.apply( this, arguments );\r
- };\r
- \r
- ( !this._listeners || !this._listeners[ type ] ) && X.Type.isString( type ) && this._addEvent( type );\r
- \r
- return X.EventDispatcher.prototype.listen.apply( this, arguments );\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.WebKit < 525.13 || X.UA.Opera7 || X.UA.NetFront < 4 ) ? // Safari3-\r
- (function( type ){\r
- var raw = this._rawNode;\r
- if( !raw ) return;\r
- this._handleEvent = this._handleEvent || X.Callback.create( this );\r
- type = X.Dom.Event.Rename[ type ] || type;\r
- if( raw.addEventListener ){\r
- raw.addEventListener( type, this._handleEvent, false );\r
- } else {\r
- // Safari は Image, Opera7 は window\r
- raw[ 'on' + type ] = this._handleEvent;\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
- }) :\r
- X.Dom.EVENT_IE ?\r
- (function( type ){\r
- var raw = this._rawNode;\r
- if( !raw ) return;\r
- type = X.Dom.Event.Rename[ type ] || type;\r
- //if( type === 'load' && this._tag && X.Dom.Event._LOAD_FIX_TAGS[ this._tag ] ){\r
- // type = 'readystatechange';\r
- //};\r
- this._handleEvent = this._handleEvent || X.Callback.create( this );\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 raw = this._rawNode || ( this._ie4getRawNode && this._ie4getRawNode() );\r
- if( !raw ) return;\r
- raw[ 'on' + ( X.Dom.Event.Rename[ type ] || type ) ] = this._handleEvent = this._handleEvent || X.Callback.create( this );\r
- });\r
-\r
-\r
-X.Dom.Node.prototype.unlisten = function( type, arg1, arg2, arg3 ){\r
- var list = this._listeners, l;\r
- \r
- if( X.Type.isArray( type ) ){\r
- return list ? X.EventDispatcher.prototype.unlisten.apply( this, arguments ) : this;\r
- };\r
-\r
- l = !this._dispatching && list && type !== undefined && list[ type ] && list[ type ].length;\r
- \r
- X.EventDispatcher.prototype.unlisten.apply( this, arguments );\r
- \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.WebKit < 525.13 || X.UA.Opera7 || X.UA.NetFront < 4 ) ? // Safari3-\r
- (function( type ){\r
- var raw = this._rawNode;\r
- if( !raw ) return;\r
- type = X.Dom.Event.Rename[ type ] || type;\r
- \r
- if( raw.addEventListener ){ // Image\r
- raw.removeEventListener( type, this._handleEvent, false );\r
- } else {\r
- raw[ 'on' + type ] = null;\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 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 raw = this._rawNode;\r
- if( !raw ) return;\r
- type = X.Dom.Event.Rename[ type ] || type;\r
- //if( type === 'load' && this._tag && X.Dom.Event._LOAD_FIX_TAGS[ this._tag ] ){\r
- // type = 'readystatechange';\r
- //};\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 raw = this._rawNode || ( this._ie4getRawNode && this._ie4getRawNode() );\r
- if( !raw ) return;\r
- type = X.Dom.Event.Rename[ type ] || type;\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
- };\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
-X.Dom.Node.prototype.handleEvent =\r
- X.UA.IE4 || X.UA.IE5678 ? // ie45678 EVENT_IE & EVENT_DOM0 for ie4\r
- (function(){\r
- var ret;\r
- \r
- if( event.type === 'readystatechange' && this._tag && X.Dom.Event._LOAD_FIX_TAGS[ this._tag ] ){\r
- //type = 'readystatechange';\r
- };\r
- \r
- 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\r
- (function( e ){\r
- var ret = X.EventDispatcher.prototype.dispatch.call( this, new X.Dom.Event( e, this ) );\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.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
-\r
-\r
-// イベントの退避、dom が画面から抜かれる場合に実施しておく\r
-X.Dom.Node.prototype._migrateEvent = function(){\r
- var hash = this._listeners,\r
- type;\r
- if( !hash ) return;\r
- for( type in hash ){\r
- // 数字イベントの除外\r
- /*'' + parseFloat( type ) !== type && */this._removeEvent( type );\r
- };\r
-};\r
-\r
-// 退避したイベントの復帰\r
-X.Dom.Node.prototype._restoreEvent = function(){\r
- var hash = this._listeners,\r
- type;\r
- if( !hash ) return;\r
- for( type in hash ){\r
- // 数字イベントの除外\r
- /*'' + parseFloat( type ) !== type && */ this._addEvent( type );\r
- };\r
-};\r
-\r
/* -----------------------------------------------\r
* Document Ready\r
* Dean Edwards/Matthias Miller/John Resig\r
console.log( 'X.Dom XDomReady ' + X.Dom.readyState );\r
} );\r
\r
-if( X.UA.WebKit < 525.13 ){ // Safari3-\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.listen( 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