'3' : 'pen',\r
'4' : 'mouse'\r
}; */\r
+ /*\r
+ * https://github.com/markleusink/ios-html5-drag-drop-shim/blob/master/ios-drag-drop.js\r
+ */\r
+ X_Dom_Event_coordinateSystemForElementFromPoint = X_UA[ 'iOS' ] < 5 ? 'page' : 'client', // iOS4 以下は clientX が undeifned...\r
+ \r
X_Dom_Event_CANCEL_MOUSE = {},\r
X_DomEvent;\r
\r
if( !X_UA[ 'IE' ] || 9 <= X_UA[ 'IE' ] ){\r
X_DomEvent = function( e, xnode ){\r
var originalType = e.type,\r
+ isNum = X_Type_isNumber,\r
type, pointerEventType,\r
touches, events,\r
- altKey, ctrlKey, metaKey, shiftKey, target, related, force,\r
+ altKey, ctrlKey, metaKey, shiftKey, target, xtarget, offset, related, force,\r
elm, i, n, time, touch, ev;\r
\r
- //this._event = e;\r
+ this._e = e;\r
this[ 'type' ] = type = X_Event_RenameTo[ originalType ] || originalType;\r
\r
switch( type ){\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
+ if( e.pointerType ||\r
+ // IE11 の IE10 モードで click イベントの pointerType が undefined\r
+ ( X_UA[ 'IE' ] === 10 && type === 'click' && ( e.pointerType = 'mouse' ) ) ){\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[ 'pressure' ] = isNum( e.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
for( i = touches.length; i; ){\r
touch = touches[ --i ];\r
target = touch.target;\r
+ target = target.nodeType === 3 ? target.parentNode : target;\r
+ xtarget = X_Node_getXNode( target );\r
+ // https://developer.mozilla.org/en/docs/Web/API/Element/getBoundingClientRect\r
+ // Android 2+, iOS4+\r
+ offset = X_UA[ 'iOS' ] < 5 ? xtarget.offset() : target.getBoundingClientRect();\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
+ 'target' : xtarget,// 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
'pointerId' : touch.identifier + 2, // iOS4 は 変換が必要!\r
//screenX : touch.screenX,\r
//screenY : touch.screenY,\r
- 'clientX' : touch.clientX || ( touch.pageX - X_ViewPort_scrollX ), // iOS4以下は clientX が undefined, コードでは入れ子のスクロールに対応できない\r
- 'clientY' : touch.clientY || ( touch.pageY - X_ViewPort_scrollY ),\r
'pageX' : touch.pageX,\r
- 'pageY' : touch.pageY,\r
- 'offsetX' : touch.offsetX, // 要素上の座標を取得 \r
- 'offsetY' : touch.offsetY,\r
+ 'pageY' : touch.pageY, \r
+ // iOS4 以下では clientX が undef, pageX から scrollLeft を引く.\r
+ // TODO getter にする?\r
+ 'clientX' : isNum( touch.clientX ) ? touch.clientX : ( touch.pageX - X_ViewPort_scrollX ),\r
+ 'clientY' : isNum( touch.clientY ) ? touch.clientY : ( touch.pageY - X_ViewPort_scrollY ),\r
+ // 要素上の座標を取得\r
+ // iOS8 でも offsetX が undef, iOS4 以下では pageX - offset.x, iOS5 以上は clientX - getBCR.left\r
+ // TODO getter にする?\r
+ 'offsetX' : isNum( touch.offsetX ) ? touch.offsetX : touch[ X_Dom_Event_coordinateSystemForElementFromPoint + 'X' ] - ( offset.x || offset.left || 0 ), \r
+ 'offsetY' : isNum( touch.offsetY ) ? touch.offsetY : touch[ X_Dom_Event_coordinateSystemForElementFromPoint + 'Y' ] - ( offset.y || offset.top || 0 ),\r
'radiusX' : touch.radiusX || 0,\r
'radiusY' : touch.radiusY || 0,\r
'rotationAngle' : touch.rotationAngle || 0,\r
'width' : touch.width || 0,\r
'height' : touch.height || 0\r
};\r
- console.log( 'e.pointerId = ' + touch.identifier );\r
+ //console.log( 'e.pointerId = ' + touch.identifier );\r
+ //X_UA[ 'iOS' ] < 5 && console.log( pointerEventType + ':[' + events[ i ].pageX + ',' + events[ i ].pageY + ']' + events[ i ].pointerId );\r
};\r
return events.length === 1 ? events[ 0 ] : events;\r
} else {\r
this[ 'type' ] = pointerEventType;\r
this[ 'pointerType' ] = 'mouse';\r
\r
- this[ 'button' ] = e.button !== undefined ? e.button :\r
- e.which !== undefined ? e.which - 1 : -1;\r
+ this[ 'button' ] = e.button !== undefined ? e.button : 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
\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[ 'hwTimestamp' ] = this[ 'timestamp' ] = X_Timer_now();\r
this[ 'altKey' ] = e.altKey;\r
this[ 'ctrlKey' ] = e.ctrlKey;\r
this[ 'metaKey' ] = e.metaKey;\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[ 'offsetX' ] = isNum( e.offsetX ) ? e.offsetX : e.layerX; // 要素上の座標を取得 \r
+ this[ 'offsetY' ] = isNum( e.offsetY ) ? e.offsetY : e.layerY;\r
\r
// http://www.programming-magic.com/20090127231544/\r
// Opera で button==2の場合、コンテキストメニューイベントを発火 「ツール」->「設定」->「詳細設定」->「コンテンツ」->「Javascriptオプション」で「右クリックを制御するスクリプトを許可する」\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[ 'relatedTarget' ] && console.dir( 'relatide...' );\r
+ //this[ 'relatedTarget' ] && console.dir( 'relatide...' );\r
this[ 'eventPhase' ] = e.srcElement === element ? 2: 3;\r
\r
this[ 'keyCode' ] = e.keyCode;\r
this[ 'charCode' ] = e.keyCode;\r
this[ 'altKey' ] = e.altKey;\r
this[ 'ctrlKey' ] = e.ctrlKey;\r
- this[ 'shiftKey' ] = e.shiftKey; \r
+ this[ 'shiftKey' ] = e.shiftKey;\r
\r
\r
switch( this[ 'type' ] ){\r
// this[ 'offsetX' ] = e.x - e.srcElement.offsetLeft; // e.x はイベント発生要素の親要素を基準にした座標。\r
// this[ 'offsetY' ] = e.y - e.srcElement.offsetTop; \r
//};\r
- \r
+ this[ 'pressure' ] = ( this[ 'button' ] !== -1 ? 0.5 : 0 );\r
+ this[ 'isPrimary' ] = true;\r
+ this[ 'hwTimestamp' ] = this[ 'timestamp' ] = X_Timer_now();\r
this[ 'pointerId' ] = 1;\r
this[ 'radiusX' ] = 0;\r
this[ 'radiusY' ] = 0;\r
X_Event_Rename[ 'pointerup' ] = 'MSPointerUp';\r
X_Event_Rename[ 'pointermove' ] = [ 'MSPointerMove', 'MSPointerHover' ];// ie10 と ie11 でペンのhoverevent の値が異なる\r
X_Event_Rename[ 'pointercancel' ] = 'MSPointerCancel';\r
+ X_Event_Rename[ 'pointerout' ] = 'MSPointerOut';\r
+ X_Event_Rename[ 'pointerleave' ] = 'MSPointerLeave';\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_Event_Rename[ 'pointerup' ] = [ 'touchend', 'mouseup' ];\r
X_Event_Rename[ 'pointermove' ] = [ 'touchmove', 'mousemove' ];\r
X_Event_Rename[ 'pointercancel' ] = 'touchcancel';\r
+ //X_Event_Rename[ 'pointerout' ] = \r
+ X_Event_Rename[ 'pointerleave' ] = 'touchleave';\r
// X_Event_Rename[ 'click' ] = [ 'touchstart', 'touchmove', 'touchend' ]; // ループになってしまう!直した!直ってない!\r
} else {\r
X_Event_Rename[ 'pointerdown' ] = 'mousedown';\r
X_Event_Rename[ 'pointerup' ] = 'mouseup';\r
X_Event_Rename[ 'pointermove' ] = 'mousemove';\r
- X_Event_Rename[ 'pointercancel' ] = document.documentElement.onmouseleave !== undefined ? 'mouseleave' : 'mouseout';//??\r
+ //X_Event_Rename[ 'pointercancel' ] = \r
+ //X_Event_Rename[ 'pointerout' ] = \r
+ X_Event_Rename[ 'pointerleave' ] = X_elmHtml.onmouseleave !== undefined ? 'mouseleave' : 'mouseout';\r
\r
// Opera は ブラウザ設定から右クリックの通知を許可すると mousedown で e.button==2 が返る,キャンセルは可能??\r
X_UA[ 'Opera' ] && ( X_Event_Rename[ 'contextmenu' ] = 'mousedown' );\r