\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
- var _type = e.type,\r
- type,\r
+if( !X_UA[ 'IE' ] || 9 <= X_UA[ 'IE' ] ){\r
+ X_DomEvent = function( e, xnode ){\r
+ var originalType = e.type,\r
+ type, pointerEventType,\r
touches, events,\r
- altKey, ctrlKey, metaKey, shiftKey, target, related,\r
+ altKey, ctrlKey, metaKey, shiftKey, target, related, force,\r
elm, i, n, time, touch, ev;\r
\r
//this._event = e;\r
- this.type = type = X.Dom.Event.RenameTo[ _type ] || _type;\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
+ break;\r
+ case 'progress' :\r
+ this[ 'lengthComputable' ] = e.lengthComputable;\r
+ this[ 'loaded' ] = e.loaded;\r
+ this[ 'total' ] = e.total;\r
+ break;\r
+ };\r
+ \r
+ //console.log( 'original : ' + originalType + ' > ' + type );\r
// http://msdn.microsoft.com/ja-jp/library/ie/dn304886%28v=vs.85%29.aspx\r
// ポインター イベントの更新\r
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
- if( _type === 'MSPointerHover' ){\r
- this.type = 'pointermove'; // ie10 には pointerhover と pointermoveがあり、ie11 で一本化。ie11 では buttons を見て hover 状態を判定\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
};\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( X.Dom.Event.toPointer[ _type ] ){\r
+ if( pointerEventType = X_Event_toPointer[ originalType ] ){\r
// Touch or Mouse\r
+ //console.log( originalType + ' => ' + pointerEventType );\r
\r
/* e.constructor === window.TouchEvent -> e.touches for iOS3.13 */\r
- if( touches = e.changedTouches ){\r
+ if( touches = e.changedTouches ){\r
+ //console.log( originalType + ' => ' + pointerEventType );\r
if( touches.length === 0 ){\r
alert( 'e.changedTouches.length === 0' );\r
};\r
- xnode._cancelMouse = type;\r
+ X_Dom_Event_CANCEL_MOUSE[ xnode[ '_uid' ] ] = pointerEventType;\r
\r
events = [];\r
altKey = e.altKey;\r
metaKey = e.metaKey;\r
shiftKey = e.shiftKey;\r
time = X_Timer_now();\r
+ force = originalType === 'touchend' || originalType === 'touchcancel' ? 0 : 0.5;\r
for( i = touches.length; i; ){\r
touch = touches[ --i ];\r
target = touch.target;\r
related = touch.relatedTarget;\r
events[ i ] = {\r
- type : type,\r
- pointerType : 'touch',\r
- target : X_Node_getXNode( target.nodeType === 3 ? target.parentNode : target ),// defeat Safari bug // xnodetouch.target,\r
- currentTarget : xnode,\r
- relatedTarget : X_Node_getXNode( related.nodeType === 3 ? related.parentNode : related ), // xnode\r
- isPrimary : true,\r
- hwTimestamp : time,\r
- timestamp : time,\r
- buttons : 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 || ( isEnd ? 0 : 0.5 ),\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 === type ){\r
- delete 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 = type;\r
- this.pointerType = 'mouse';\r
+ this[ 'type' ] = pointerEventType;\r
+ this[ 'pointerType' ] = 'mouse';\r
\r
- // http://www.programming-magic.com/20090127231544/\r
- // TODO Opera で button==2の場合、コンテキストメニューイベントを発火 「ツール」->「設定」->「詳細設定」->「コンテンツ」->「Javascriptオプション」で「右クリックを制御するスクリプトを許可する」\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
+ events[ 1 ].type = 'contextmenu';\r
+ return events;\r
+ };\r
};\r
} 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
// 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;\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 = _type === '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
\r
- this.currentTarget = xnode; // xnode\r
- this.eventPhase = e.eventPhase;\r
- this.detail = e.detail;\r
- \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
- var _type = e.type, btn, type;\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
\r
- this.type = X.Dom.Event.RenameTo[ _type ] || _type;\r
- this.target = X_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
- this.relatedTarget = X_Node_getXNode( e.formElement || e.toElement ); // xnode\r
- this.eventPhase = e.srcElement === element ? 2: 3;\r
+ this[ 'keyCode' ] = e.keyCode;\r
+ this[ 'altKey' ] = e.altKey;\r
+ this[ 'ctrlKey' ] = e.ctrlKey;\r
+ this[ 'shiftKey' ] = e.shiftKey; \r
+\r
\r
- this.keyCode = e.keyCode;\r
- this.altKey = e.altKey;\r
- this.ctrlKey = e.ctrlKey;\r
- this.shiftKey = e.shiftKey; \r
+ switch( this[ 'type' ] ){\r
+ case 'message' :\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
+ break;\r
+ };\r
\r
// http://www.programming-magic.com/20090127231544/\r
- switch( _type ){\r
+ 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
\r
- if( type = X.Dom.Event.toPointer[ _type ] ){\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
+ 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
\r
- //if( X_Dom_rootElement ){ // uuu...\r
- this.pageX = e.clientX + X_Dom_rootElement.scrollLeft;\r
- this.pageY = e.clientY + X_Dom_rootElement.scrollTop;\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
// 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
+ if( 5 <= X_UA[ 'IE' ] ){\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.deltaX = 0;\r
- this.deltaY = e.wheelDelta / -120;\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
-X.Dom.Event.VIEW_ACTIVATE = ++X.Event._LAST_EVENT;\r
-X.Dom.Event.VIEW_DEACTIVATE = ++X.Event._LAST_EVENT;\r
-X.Dom.Event.VIEW_RESIZED = ++X.Event._LAST_EVENT;\r
-X.Dom.Event.VIEW_TURNED = ++X.Event._LAST_EVENT;\r
-X.Dom.Event.BASE_FONT_RESIZED = ++X.Event._LAST_EVENT;\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.AFTER_UPDATE = ++X.Event._LAST_EVENT;\r
-// hash_change\r
-X.Dom.Event.BEFORE_UNLOAD = ++X.Event._LAST_EVENT;\r
-X.Dom.Event.UNLOAD = ++X.Event._LAST_EVENT;\r
-\r
-X.Dom.Event.ANIME_BEFORE_START = ++X.Event._LAST_EVENT;\r
-X.Dom.Event.ANIME_START = ++X.Event._LAST_EVENT;\r
-X.Dom.Event.ANIME = ++X.Event._LAST_EVENT;\r
-X.Dom.Event.ANIME_END = ++X.Event._LAST_EVENT;\r
-X.Dom.Event.ANIME_BEFORE_STOP = ++X.Event._LAST_EVENT; // xnode.stop() のみ、指定時間による停止では呼ばれない\r
-X.Dom.Event.ANIME_STOP = ++X.Event._LAST_EVENT;\r
-X.Dom.Event._LAST_EVENT = X.Event._LAST_EVENT; // ここに書いてあるイベントの最後の値 X.Dom.Event.ANIME_STOP と同じ値\r
-\r
// TODO load -> readystatechange this.readyState === "loaded" || this.readyState === "complete"\r
-X.Dom.Event._LOAD_FIX_TAGS = {\r
- IFRAME : true,\r
- SCRIPT : true//,\r
- //LINK : true\r
-};\r
-\r
-X.Dom.Event.Rename = {};\r
-X.Dom.Event.RenameTo = {};\r
-X.Dom.Event.toPointer = !X_UA_HID.POINTER && ( X_UA_HID.TOUCH ?\r
- {\r
- touchdown : 'pointerdown',\r
- mousedown : 'pointerdown',\r
- touchup : 'pointerup', \r
- mouseup : 'pointerup',\r
- touchmove : 'pointermove',\r
- mousemove : 'pointermove',\r
- touchcancel : 'pointercancel',\r
- contextmenu : 'contextmenu',\r
- dbclick : 'dbclick',\r
- click : 'click',\r
- tap : 'click'\r
- } :\r
- {\r
- mousedown : 'pointerdown',\r
- mouseup : 'pointerup',\r
- mousemove : 'pointermove',\r
- contextmenu : 'contextmenu',\r
- dbclick : 'dbclick',\r
- click : 'click'\r
- });\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
//\r
if( document.onwheel === undefined ){\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
+ 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( 'wheel <= MozMousePixelScroll' );\r
- X.Dom.Event.Rename[ 'wheel' ] = 'MozMousePixelScroll';\r
+ X_Event_Rename[ 'wheel' ] = 'MozMousePixelScroll';\r
} else\r
- if( 1 <= X.UA.Gecko || ( 0.9 <= X.UA.Gecko && 7 <= X.UA.GeckoPatch ) ){ // Gecko 0.9.7+ (NN6.2+?)\r
+ if( 1 <= X_UA[ 'Gecko' ] || ( 0.9 <= X_UA[ 'Gecko' ] && 7 <= X_UA[ 'GeckoPatch' ] ) ){ // Gecko 0.9.7+ (NN6.2+?)\r
console.log( 'wheel <= DOMMouseScroll' );\r
- X.Dom.Event.Rename[ 'wheel' ] = 'DOMMouseScroll';\r
+ X_Event_Rename[ 'wheel' ] = 'DOMMouseScroll';\r
};\r
} else {\r
- X.Dom.Event.Rename[ 'wheel' ] = 'mousewheel';\r
+ X_Event_Rename[ 'wheel' ] = 'mousewheel';\r
};\r
//if( document.onmousewheel !== undefined ){ // Opera で判定失敗する\r
- // X.Dom.Event.Rename[ 'wheel' ] = 'mousewheel';\r
+ // X_Event_Rename[ 'wheel' ] = 'mousewheel';\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[ 'animationstart' ] = 'webkitAnimationStart';\r
- X.Dom.Event.Rename[ 'animationiteration' ] = 'webkitAnimationIteration';\r
+ X_Event_Rename[ 'animationend' ] = 'webkitAnimationEnd';\r
+ X_Event_Rename[ 'animationstart' ] = 'webkitAnimationStart';\r
+ X_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.Rename[ 'animationstart' ] = 'oAnimationStart';\r
- X.Dom.Event.Rename[ 'animationiteration' ] = 'oAnimationIteration';\r
+ X_Event_Rename[ 'animationend' ] = 'oAnimationEnd';\r
+ X_Event_Rename[ 'animationstart' ] = 'oAnimationStart';\r
+ X_Event_Rename[ 'animationiteration' ] = 'oAnimationIteration';\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
+ X_Event_Rename[ 'animationend' ] = 'mozAnimationEnd';\r
+ X_Event_RenameTo[ 'mozAnimationEnd' ] = 'animationend';\r
+ X_Event_Rename[ 'animationstart' ] = 'mozAnimationStart';\r
+ X_Event_RenameTo[ 'mozAnimationStart' ] = 'animationstart';\r
+ X_Event_Rename[ 'animationiteration' ] = 'mozAnimationIteration';\r
+ X_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
console.log( 'animationend <= MSAnimationEnd' );\r
- X.Dom.Event.Rename[ 'animationend' ] = 'MSAnimationEnd';\r
- X.Dom.Event.Rename[ 'animationstart' ] = 'MSAnimationStart';\r
- X.Dom.Event.Rename[ 'animationiteration' ] = 'MSAnimationIteration';\r
+ X_Event_Rename[ 'animationend' ] = 'MSAnimationEnd';\r
+ X_Event_Rename[ 'animationstart' ] = 'MSAnimationStart';\r
+ X_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_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
+ if( X_UA[ 'Opera' ] < 12 ){\r
+ console.log( 'transitionend <= oTransitionEnd|ver.' + X_UA[ 'Opera' ] );\r
+ X_Event_Rename[ 'transitionend' ] = 'oTransitionEnd';\r
} else {\r
- console.log( 'transitionend <= otransitionEnd|ver.' + X.UA.Opera );\r
- X.Dom.Event.Rename[ 'transitionend' ] = 'otransitionEnd';\r
+ console.log( 'transitionend <= otransitionEnd|ver.' + X_UA[ 'Opera' ] );\r
+ X_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_Event_Rename[ 'transitionend' ] = 'mozTransitionEnd';\r
};\r
\r
if( !navigator.pointerEnabled ){\r
if( navigator.msPointerEnabled ){\r
console.log( 'pointerdown <= MSPointerDown' );\r
- X.Dom.Event.Rename[ 'pointerdown' ] = 'MSPointerDown';\r
- X.Dom.Event.Rename[ 'pointerup' ] = 'MSPointerUp';\r
- X.Dom.Event.Rename[ 'pointermove' ] = [ 'MSPointerMove', 'MSPointerHover' ];// ie10 と ie11 でペンのhoverevent の値が異なる\r
- X.Dom.Event.Rename[ 'pointercancel' ] = 'MSPointerCancel';\r
+ X_Event_Rename[ 'pointerdown' ] = 'MSPointerDown';\r
+ X_Event_Rename[ 'pointerup' ] = 'MSPointerUp';\r
+ X_Event_Rename[ 'pointermove' ] = [ 'MSPointerMove', 'MSPointerHover' ];// ie10 と ie11 でペンのhoverevent の値が異なる\r
+ X_Event_Rename[ 'pointercancel' ] = 'MSPointerCancel';\r
// http://msdn.microsoft.com/ja-jp/library/ie/dn304886%28v=vs.85%29.aspx\r
} else\r
if( X_UA_HID.TOUCH ){\r
- X.Dom.Event.Rename[ 'pointerdown' ] = [ 'touchdown', 'mousedown' ];\r
- X.Dom.Event.Rename[ 'pointerup' ] = [ 'touchup', 'mouseup' ];\r
- X.Dom.Event.Rename[ 'pointermove' ] = [ 'touchmove', 'mousemove' ];\r
- X.Dom.Event.Rename[ 'pointercancel' ] = 'touchcancel';\r
- //X.Dom.Event.Rename[ 'click' ] = [ 'click', 'tap' ]; // ループになってしまう!\r
+ // touch のみ(iOS でも脱獄したら?)、 touch と mouse(Android), mouse のみ\r
+ X_Event_Rename[ 'pointerdown' ] = [ 'touchstart', 'mousedown' ];\r
+ X_Event_Rename[ 'pointerup' ] = [ 'touchend', 'mouseup' ];\r
+ X_Event_Rename[ 'pointermove' ] = [ 'touchmove', 'mousemove' ];\r
+ X_Event_Rename[ 'pointercancel' ] = 'touchcancel';\r
+ // X_Event_Rename[ 'click' ] = [ 'touchstart', 'touchmove', 'touchend' ]; // ループになってしまう!直した!直ってない！\r
} else {\r
- X.Dom.Event.Rename[ 'pointerdown' ] = 'mousedown';\r
- X.Dom.Event.Rename[ 'pointerup' ] = 'mouseup';\r
- X.Dom.Event.Rename[ 'pointermove' ] = 'mousemove';\r
- X.Dom.Event.Rename[ 'pointercancel' ] = 'mouseleave';//??\r
- // Opera\r
- // X.Dom.Event.Rename[ 'contextmenu' ] = 'mousedown'; button==2 の場合\r
- };\r
-};\r
-\r
-\r
-(function( rename, renameTo ){\r
- var k, name, i;\r
- for( k in rename ){\r
- name = rename[ k ];\r
- if( X.Type.isArray( name ) ){\r
- for( i = name.length; i; ){\r
- renameTo[ name[ --i ] ] = k;\r
- };\r
- } else {\r
- renameTo[ name ] = k;\r
- };\r
- };\r
-})( X.Dom.Event.Rename, X.Dom.Event.RenameTo );\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_UA_EVENT.W3C ){\r
- Node._document.listenOnce( 'DOMContentLoaded', X_TEMP.onDomContentLoaded );\r
-} else\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_TEMP._script = document.getElementById( "__ie_onload" );\r
- X_TEMP._script.onreadystatechange = function(){\r
- var s = X_TEMP._script;\r
- if( s && s.readyState === 'complete' ){\r
- s.onreadystatechange = X.emptyFunction;\r
- s.onreadystatechange = null;\r
- s.parentNode.removeChild( s );\r
- delete X_TEMP._script;\r
- X_TEMP.onDomContentLoaded && X_TEMP.onDomContentLoaded();\r
- };\r
+ X_Event_Rename[ 'pointerdown' ] = 'mousedown';\r
+ X_Event_Rename[ 'pointerup' ] = 'mouseup';\r
+ X_Event_Rename[ 'pointermove' ] = 'mousemove';\r
+ X_Event_Rename[ 'pointercancel' ] = 'mouseleave';//??\r
+ \r
+ // Opera は ブラウザ設定から右クリックの通知を許可すると mousedown で e.button==2 が返る,ｷｬﾝｾﾙは可能??\r
+ X_UA[ 'Opera' ] && (\r
+ X_Event_Rename[ 'contextmenu' ] = 'mousedown' );\r
+ \r
+ /*\r
+ * buttons の無いブラウザには mouseup, mousedown を監視して、buttons フラグを更新し続ける\r
+ */\r
};\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 < 3 ){ // sniff\r
- X.Timer.add( 16, function(){\r
- if( !X_TEMP.onDomContentLoaded ) return X_Callback_UN_LISTEN;\r
- if( document.readyState === 'loaded' || document.readyState === 'complete' ) return X_TEMP.onDomContentLoaded();\r
- });\r
-};\r
-\r
-/* for other browsers */\r
-Node._window.listenOnce( 'load', X_TEMP.onDomContentLoaded );\r
-//\r
-X.Dom.listenOnce( X.Event.XDOM_READY, function(e){\r
- console.log( 'X.Dom XDomReady ' + X_Dom_readyState );\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
-\r
OSDN Git Service
