0.6.x/js/02_dom/03_XDomEvent.js

   1 /**\r
   2  * use X.Callback\r
   3  * \r
   4  * http://d.hatena.ne.jp/uupaa/20100430/1272561922\r
   5  * event.offsetX と offsetY の互換性について\r
   6  * \r
   7  * http://www.keynavi.net/ja/tipsj/gokan.html\r
   8  * Safari : マウスイベントは大丈夫ですが ページ全体に対するキーイベントをきちんと扱えない問題があります。 \r
   9  * その他、リンクに対するフォーカス(element.focus())の動作がおかしい、 スクリーン上のマウス位置(event.screenX/Y)をブラウザ画面の 左下隅から計算する などの問題があり修正が待たれます。 \r
  10  * \r
  11  */\r
  12 \r
  13 // http://msdn.microsoft.com/ja-jp/library/ie/dn255104%28v=vs.85%29.aspx\r
  14 var X_Dom_Event_devicePixelRatio = window.devicePixelRatio || ( window.screen.deviceXDPI / window.screen.logicalXDPI ),\r
  15         X_Dom_Event_convertMSPointerType = window.MSPointerEvent && [ 0, 0, 'touch', 'pen', 'mouse' ];/*{\r
  16                 '2' : 'touch',\r
  17                 '3' : 'pen',\r
  18                 '4' : 'mouse'\r
  19         }; */\r
  20 \r
  21 if( !X.UA.IE || 9 <= X.UA.IE ){\r
  22         X.Dom.Event = function( e, xnode ){\r
  23                 var _type = e.type,\r
  24                         type,\r
  25                         changedTouches, targetTouches, targetIDs, changedTargets, isEnd,\r
  26                         altKey, ctrlKey, metaKey, shiftKey, target, related,\r
  27                         i, n, time, touch, ev;\r
  28                 \r
  29                 //this._event        = e;\r
  30                 this.type          = type = X.Dom.Event.RenameTo[ _type ] || _type;\r
  31                 \r
  32                 // http://msdn.microsoft.com/ja-jp/library/ie/dn304886%28v=vs.85%29.aspx\r
  33                 // ポインター イベントの更新\r
  34                 if( e.pointerType ){\r
  35                         // PointerEvent;\r
  36                         if( X_Dom_Event_convertMSPointerType ){\r
  37                                 this.pointerType   = X_Dom_Event_convertMSPointerType[ e.pointerType ];\r
  38                                 this.pressure      = e.pressure || ( e.button !== -1 ? 0.5 : 0 );\r
  39                                 // ポインターの接触形状の スクリーン ピクセル単位の幅と高さ なので変換。(多分、、、)\r
  40                                 this.width         = e.width  / X_Dom_Event_devicePixelRatio;\r
  41                                 this.height        = e.height / X_Dom_Event_devicePixelRatio;                   \r
  42                         } else {\r
  43                                 this.pointerType   = e.pointerType;\r
  44                                 this.pressure      = e.pressure;\r
  45                                 // ポインターの接触形状の CSS ピクセル単位の幅と高さ。\r
  46                                 this.width         = e.width;\r
  47                                 this.height        = e.height;\r
  48                         };\r
  49 \r
  50                         switch( this.pointerType ){\r
  51                                 case 'pen' :\r
  52                                         //Y-Z 平面と、ペンの軸が含まれる平面の間の角度を返します。Y 軸の範囲は -90 ～ +90 です。X の傾きの正の方向は右方向です。\r
  53                                         this.tiltX         = e.tiltX;\r
  54                                         this.tiltY         = e.tiltY;\r
  55                                         if( _type === 'MSPointerHover' ){\r
  56                                                 this.type = 'pointermove'; // ie10 には pointerhover と pointermoveがあり、ie11 で一本化。ie11 では buttons を見て hover 状態を判定\r
  57                                         };\r
  58                                 case 'touch' :\r
  59                                         this.radiusX       = e.radiusX;\r
  60                                         this.radiusY       = e.radiusY;\r
  61                                         this.rotationAngle = e.rotationAngle;\r
  62                                 case 'mouse' :\r
  63                         };\r
  64                         \r
  65                         this.button        = e.button;\r
  66                         this.buttons       = e.buttons;\r
  67                                                 \r
  68                         this.pointerId     = e.pointerId;                       \r
  69                         this.target        = Node._getXNode( e.target );\r
  70                         this.relatedTarget = Node._getXNode( e.relatedTarget ); // xnode\r
  71                         this.isPrimary     = e.isPrimary;\r
  72                         this.hwTimestamp   = e.hwTimestamp;\r
  73                         this.timestamp     = e.timestamp;\r
  74 \r
  75                         this.altKey        = e.altKey;\r
  76                         this.ctrlKey       = e.ctrlKey;\r
  77                         this.metaKey       = e.metaKey;\r
  78                         this.shiftKey      = e.shiftKey;\r
  79                         //this.screenX       = touch.screenX;\r
  80                         //this.screenY       = touch.screenY;\r
  81                         this.clientX       = e.clientX;\r
  82                         this.clientY       = e.clientY;\r
  83                         this.pageX         = e.pageX;\r
  84                         this.pageY         = e.pageY;\r
  85                         this.offsetX       = e.offsetX;\r
  86                         this.offsetY       = e.offsetY;\r
  87                 } else\r
  88                 if( X.Dom.Event.toPointer[ _type ] ){\r
  89                         // Touch or Mouse\r
  90                         \r
  91                         /* e.constructor === window.TouchEvent -> e.touches for iOS3.13 */\r
  92                         if( touches  = e.changedTouches ){\r
  93                                 if( touches.length === 0 ){\r
  94                                         alert( 'e.changedTouches.length === 0' );\r
  95                                 };\r
  96                                 xnode._cancelMouse = type;\r
  97                                 \r
  98                                 events   = [];\r
  99                                 altKey   = e.altKey;\r
 100                                 ctrlKey  = e.ctrlKey;\r
 101                                 metaKey  = e.metaKey;\r
 102                                 shiftKey = e.shiftKey;\r
 103                                 time     = X.getTime();\r
 104                                 for( i = touches.length; i; ){\r
 105                                         touch   = touches[ --i ];\r
 106                                         target  = touch.target;\r
 107                                         related = touch.relatedTarget;\r
 108                                         events[ i ] = {\r
 109                                                 type          : type,\r
 110                                                 pointerType   : 'touch',\r
 111                                                 target        : Node._getXNode( target.nodeType === 3 ? target.parentNode : target ),// defeat Safari bug // xnodetouch.target,\r
 112                                                 currentTarget : xnode,\r
 113                                                 relatedTarget : Node._getXNode( related.nodeType === 3 ? related.parentNode : related ), // xnode\r
 114                                                 isPrimary     : true,\r
 115                                                 hwTimestamp   : time,\r
 116                                                 timestamp     : time,\r
 117                                                 buttons       : e.button,\r
 118                                                 buttons       : e.buttons || e.button,\r
 119                                                 altKey        : altKey,\r
 120                                                 ctrlKey       : ctrlKey,\r
 121                                                 metaKey       : metaKey,\r
 122                                                 shiftKey      : shiftKey,\r
 123                                                 pointerId     : touch.identifier + 2,\r
 124                                                 //screenX       : touch.screenX,\r
 125                                                 //screenY       : touch.screenY,\r
 126                                                 clientX       : touch.clientX,\r
 127                                                 clientY       : touch.clientY,\r
 128                                                 pageX         : touch.pageX,\r
 129                                                 pageY         : touch.pageY,\r
 130                                                 offsetX       : touch.offsetX, // 要素上の座標を取得 \r
 131                                                 offsetY       : touch.offsetY,\r
 132                                                 radiusX       : touch.radiusX || 0,\r
 133                                                 radiusY       : touch.radiusY || 0,\r
 134                                                 rotationAngle : touch.rotationAngle || 0,\r
 135                                                 pressure      : touch.force || touch.webkitForce || ( isEnd ? 0 : 0.5 ),\r
 136                                                 width         : touch.width || 0,\r
 137                                                 height        : touch.height || 0\r
 138                                         };\r
 139                                 };\r
 140                                 return events.length === 1 ? events[ 0 ] : events;\r
 141                         } else {\r
 142                                 \r
 143                                 if( xnode._cancelMouse === type ){\r
 144                                         delete xnode._cancelMouse;\r
 145                                         return [];\r
 146                                 };\r
 147                                 \r
 148                                 // MouseEvent;\r
 149                                 this.type          = type;\r
 150                                 this.pointerType   = 'mouse';\r
 151                                 \r
 152                         // http://www.programming-magic.com/20090127231544/\r
 153                         // TODO Opera で button==2の場合、コンテキストメニューイベントを発火 「ツール」->「設定」->「詳細設定」->「コンテンツ」->「Javascriptオプション」で「右クリックを制御するスクリプトを許可する」\r
 154                                 this.button        = e.button !== undefined ? e.button :\r
 155                                                                          e.which !== undefined ? e.which - 1 : -1;\r
 156                                 this.buttons       = e.buttons !== undefined ? e.buttons : this.button === 0 ? 1 : this.button === 1 ? 2 : this.button === 2 ? 4 : 0;\r
 157                                 this.pressure      = ( this.button !== -1 ? 0.5 : 0 );\r
 158                                 \r
 159                                 elm = e.target;\r
 160                                 this.target        = Node._getXNode( elm.nodeType === 3 ? elm.parentNode : elm );// defeat Safari bug // xnodetouch.target;\r
 161                                 this.isPrimary     = true;\r
 162                                 this.hwTimestamp   = this.timestamp = X.getTime(); \r
 163                                 this.altKey        = e.altKey;\r
 164                                 this.ctrlKey       = e.ctrlKey;\r
 165                                 this.metaKey       = e.metaKey;\r
 166                                 this.shiftKey      = e.shiftKey;\r
 167                                 this.pointerId     = 1;\r
 168                                 //this.screenX       = touch.screenX;\r
 169                                 //this.screenY       = touch.screenY;\r
 170                                 // TODO http://uupaa-js.googlecode.com/svn-history/r8/trunk/doc/reference/symbols/src/trunk_uu.module.ui.js.html\r
 171                                 // Safari2ではclientX,YはpageX,Yと同じ値を返す\r
 172                                 this.clientX       = e.clientX;\r
 173                                 this.clientY       = e.clientY;\r
 174                                 this.pageX         = e.pageX;\r
 175                                 this.pageY         = e.pageY;\r
 176                                 this.offsetX       = e.offsetX || e.layerX; // 要素上の座標を取得 \r
 177                                 this.offsetY       = e.offsetY || e.layerY;\r
 178                         };\r
 179                 } else {\r
 180                         // Other\r
 181                         \r
 182                         this.keyCode       = e.keyCode || e.which;\r
 183                         this.altKey        = e.altKey;\r
 184                         this.ctrlKey       = e.ctrlKey;\r
 185                         this.shiftKey      = e.shiftKey;\r
 186                         this.metaKey       = e.metaKey;\r
 187                         \r
 188                         this.button        = e.button !== undefined ? e.button :\r
 189                                                                  e.which !== undefined ? e.which - 1 : -1;\r
 190                         this.buttons       = e.buttons !== undefined ? e.buttons : this.button === 0 ? 1 : this.button === 1 ? 2 : this.button === 2 ? 4 : 0;\r
 191                         \r
 192                         //http://www.quirksmode.org/js/events_properties.html\r
 193                         if( elm = e.target ){\r
 194                                 this.target        = Node._getXNode( elm.nodeType === 3 ? elm.parentNode : elm );// defeat Safari bug // xnode\r
 195                         };\r
 196                         if( elm = e.relatedTarget ){\r
 197                                 this.relatedTarget = Node._getXNode( elm.nodeType === 3 ? elm.parentNode : elm ); // xnode\r
 198                         };\r
 199                         \r
 200                         if( type === 'wheel' ){\r
 201                                 // https://developer.mozilla.org/ja/docs/DOM/DOM_event_reference/mousewheel\r
 202                                 // TODO axis\r
 203                                 // https://w3g.jp/blog/tools/wheelevent_crossbrowser\r
 204                                 // ホイール系イベント2014年版クロスブラウザ\r
 205                                 if( e.deltaY !== undefined ){\r
 206                                         this.deltaX = e.deltaX;\r
 207                                         this.deltaY = e.deltaY;\r
 208                                         this.deltaZ = e.deltaZ;\r
 209                                 } else\r
 210                                 if( e.wheelDeltaY !== undefined ){\r
 211                                         this.deltaX = e.wheelDeltaX / 120;\r
 212                                         this.deltaY = e.wheelDeltaY / 120;\r
 213                                         this.deltaZ = e.wheelDeltaZ / 120 || 0;\r
 214                                 } else\r
 215                                 if( e.wheelDelta !== undefined ){\r
 216                                         this.deltaX = this.deltaZ = 0;\r
 217                                         this.deltaY = e.wheelDelta / -120;\r
 218                                 } else\r
 219                                 if( e.detail !== undefined ){\r
 220                                         this.deltaX = this.deltaZ = 0;\r
 221                                         this.deltaY = _type === 'MozMousePixelScroll' ? e.detail / 45 : e.detail / 3; // 3\r
 222                                 } else {\r
 223                                         this.deltaX = this.deltaY = this.deltaZ = 0;\r
 224                                 };\r
 225                         };                                                      \r
 226                 };\r
 227 \r
 228                 this.currentTarget = xnode; // xnode\r
 229                 this.eventPhase    = e.eventPhase;\r
 230                 this.detail        = e.detail;\r
 231                 \r
 232         };\r
 233 } else {\r
 234         X.Dom.Event = function( e, xnode, element ){\r
 235                 var btn;\r
 236                 \r
 237                 this.type          = X.Dom.Event.RenameTo[ e.type ] || e.type;\r
 238                 this.target        = Node._getXNode( e.srcElement ); // xnode\r
 239                 if( this.target && this.target._xnodeType === 3 ) this.target = this.target.parent; // ie4 の fake Textnode がヒットしていないか？\r
 240                 this.currentTarget = xnode; // xnode\r
 241                 this.relatedTarget = Node._getXNode( e.formElement || e.toElement ); // xnode\r
 242                 this.eventPhase    = e.srcElement === element ? 2: 3;\r
 243                 \r
 244                 this.keyCode       = e.keyCode;\r
 245                 this.altKey        = e.altKey;\r
 246                 this.ctrlKey       = e.ctrlKey;\r
 247                 this.shiftKey      = e.shiftKey;                \r
 248 \r
 249                 // http://www.programming-magic.com/20090127231544/\r
 250                 switch( this.type ){\r
 251                         case 'click'    :\r
 252                         case 'dblclick' :\r
 253                                 this.button = 0;\r
 254                                 break;\r
 255                         case 'contextmenu' :\r
 256                                 this.button = 2;\r
 257                                 break;\r
 258                         default :\r
 259                                 // mouseup, mousedown\r
 260                                 btn = e.button;\r
 261                                 this.button =\r
 262                                         btn & 1 ? 0 :\r
 263                                         btn & 4 ? 2 :\r
 264                                         btn & 2 ? 1 : -1; // 左:1(click:0), 中:4, 右:2\r
 265                                 \r
 266                 };\r
 267                 this.buttons     = e.button;\r
 268         \r
 269                 if( type = X.Dom.Event.toPointer[ e.type ] ){\r
 270                         this.type          = type;\r
 271                         this.clientX       = e.clientX;\r
 272                         this.clientY       = e.clientY;\r
 273                         //this.screenX       = e.screenX;\r
 274                         //this.screenY       = e.screenY;\r
 275                         \r
 276                         //if( X.Dom._root ){ // uuu...\r
 277                                 this.pageX         = e.clientX + X.Dom._root.scrollLeft;\r
 278                                 this.pageY         = e.clientY + X.Dom._root.scrollTop;\r
 279                                 // DOMAssistant 2.8.1\r
 280                                 //event.pageX = DOMAssistant.def(e.pageX)? e.pageX : (event.clientX + (de.scrollLeft || b.scrollLeft) - (de.clientLeft || 0));\r
 281                                 //event.pageY = DOMAssistant.def(e.pageY)? e.pageY : (event.clientY + (de.scrollTop || b.scrollTop) - (de.clientTop || 0));                                                     \r
 282                         //};\r
 283 \r
 284                         if( 5 <= X.UA.IE ){\r
 285                                 this.offsetX       = e.offsetX; // イベントターゲット左上からの座標\r
 286                                 this.offsetY       = e.offsetY;                 \r
 287                         }// else\r
 288                         //if( e.srcElement ){\r
 289                         //      this.offsetX       = e.x - e.srcElement.offsetLeft; // e.x はイベント発生要素の親要素を基準にした座標。\r
 290                         //      this.offsetY       = e.y - e.srcElement.offsetTop;      \r
 291                         //};\r
 292 \r
 293                         this.deltaX      = 0;\r
 294                         this.deltaY      = e.wheelDelta / -120;\r
 295                         \r
 296                         this.pointerId     = 1;\r
 297                         this.radiusX       = 0;\r
 298                         this.radiusY       = 0;\r
 299                         this.rotationAngle = 0;\r
 300                         this.width         = 0;\r
 301                         this.height        = 0;\r
 302                         this.tiltX         = 0;\r
 303                         this.tiltY         = 0;\r
 304                 };\r
 305         };\r
 306 };\r
 307 \r
 308 X.Dom.Event.DOM_PRE_INIT        = ++X.Event._LAST_EVENT;\r
 309 X.Dom.Event.DOM_BUILDER_COMPLETE= ++X.Event._LAST_EVENT;\r
 310 X.Dom.Event.DOM_INIT            = ++X.Event._LAST_EVENT;\r
 311 X.Dom.Event.XDOM_READY          = ++X.Event._LAST_EVENT;\r
 312 X.Dom.Event.VIEW_ACTIVATE       = ++X.Event._LAST_EVENT;\r
 313 X.Dom.Event.VIEW_DEACTIVATE     = ++X.Event._LAST_EVENT;\r
 314 X.Dom.Event.VIEW_RESIZED        = ++X.Event._LAST_EVENT;\r
 315 X.Dom.Event.VIEW_TURNED         = ++X.Event._LAST_EVENT;\r
 316 X.Dom.Event.BASE_FONT_RESIZED   = ++X.Event._LAST_EVENT;\r
 317 // same_page_jump\r
 318 // on_screen_keyboard_show\r
 319 // on_screen_keyboard_hide\r
 320 // X.Dom.Event.BEFORE_UPDATE       = ++X.Event._LAST_EVENT; // このイベントで要素のサイズを取得すると無限ループに！\r
 321 X.Dom.Event.AFTER_UPDATE        = ++X.Event._LAST_EVENT;\r
 322 // hash_change\r
 323 X.Dom.Event.BEFORE_UNLOAD       = ++X.Event._LAST_EVENT;\r
 324 X.Dom.Event.UNLOAD              = ++X.Event._LAST_EVENT;\r
 325 \r
 326 X.Dom.Event.ANIME_BEFORE_START  = ++X.Event._LAST_EVENT;\r
 327 X.Dom.Event.ANIME_START         = ++X.Event._LAST_EVENT;\r
 328 X.Dom.Event.ANIME               = ++X.Event._LAST_EVENT;\r
 329 X.Dom.Event.ANIME_END           = ++X.Event._LAST_EVENT;\r
 330 X.Dom.Event.ANIME_BEFORE_STOP   = ++X.Event._LAST_EVENT; // xnode.stop() のみ、指定時間による停止では呼ばれない\r
 331 X.Dom.Event.ANIME_STOP          = ++X.Event._LAST_EVENT;\r
 332 X.Dom.Event._LAST_EVENT         = X.Event._LAST_EVENT; // ここに書いてあるイベントの最後の値 X.Dom.Event.ANIME_STOP と同じ値\r
 333 \r
 334 // TODO load -> readystatechange this.readyState === "loaded" || this.readyState === "complete"\r
 335 X.Dom.Event._LOAD_FIX_TAGS = {\r
 336         IFRAME : true,\r
 337         SCRIPT : true//,\r
 338         //LINK   : true\r
 339 };\r
 340 \r
 341 X.Dom.Event.Rename    = {};\r
 342 X.Dom.Event.RenameTo  = {};\r
 343 X.Dom.Event.toPointer = !X_UA_HID.POINTER && ( X_UA_HID.TOUCH ?\r
 344         {\r
 345                 touchdown   : 'pointerdown',\r
 346                 mousedown   : 'pointerdown',\r
 347                 touchup     : 'pointerup', \r
 348                 mouseup     : 'pointerup',\r
 349                 touchmove   : 'pointermove',\r
 350                 mousemove   : 'pointermove',\r
 351                 touchcancel : 'pointercancel',\r
 352                 contextmenu : 'contextmenu',\r
 353                 dbclick     : 'dbclick',\r
 354                 click       : 'click',\r
 355                 tap         : 'click'\r
 356         } :\r
 357         {\r
 358                 mousedown   : 'pointerdown',\r
 359                 mouseup     : 'pointerup',\r
 360                 mousemove   : 'pointermove',\r
 361                 contextmenu : 'contextmenu',\r
 362                 dbclick     : 'dbclick',\r
 363                 click       : 'click'\r
 364         });\r
 365 \r
 366 \r
 367 // https://github.com/georgeadamson/jQuery.prefixfree-events/blob/master/jQuery.prefixfree-events.js\r
 368 // https://developer.mozilla.org/en-US/docs/Web/Events/wheel\r
 369 //\r
 370 if( document.onwheel === undefined ){\r
 371         // DOMMoseScroll\r
 372         if( X.UA.Gecko && window.MouseScrollEvent ){\r
 373                 if( 2 <= X.UA.Gecko || ( 1.9 <= X.UA.Gecko && 1 <= X.UA.GeckoPatch ) ){ // Gecko 1.9.1+ (firefox3.5+)\r
 374                         console.log( 'wheel <= MozMousePixelScroll' );\r
 375                         X.Dom.Event.Rename[ 'wheel' ] = 'MozMousePixelScroll';\r
 376                 } else\r
 377                 if( 1 <= X.UA.Gecko || ( 0.9 <= X.UA.Gecko && 7 <= X.UA.GeckoPatch ) ){ // Gecko 0.9.7+ (NN6.2+?)\r
 378                         console.log( 'wheel <= DOMMouseScroll' );\r
 379                         X.Dom.Event.Rename[ 'wheel' ] = 'DOMMouseScroll';\r
 380                 };\r
 381         } else {\r
 382                 X.Dom.Event.Rename[ 'wheel' ] = 'mousewheel';\r
 383         };\r
 384         //if( document.onmousewheel !== undefined ){ // Opera で判定失敗する\r
 385         //      X.Dom.Event.Rename[ 'wheel' ] = 'mousewheel';\r
 386         //};\r
 387 };\r
 388 \r
 389 \r
 390 \r
 391 if( window.onwebkitanimationend !== undefined && window.onanimationend === undefined ){\r
 392         console.log( 'animationend <= webkitAnimationEnd' );\r
 393         X.Dom.Event.Rename[ 'animationend' ]        = 'webkitAnimationEnd';\r
 394         X.Dom.Event.Rename[ 'animationstart' ]      = 'webkitAnimationStart';\r
 395         X.Dom.Event.Rename[ 'animationiteration' ]  = 'webkitAnimationIteration';\r
 396 } else\r
 397 if( window.onoanimationend !== undefined && window.onanimationend === undefined ){\r
 398         console.log( 'animationend <= oAnimationEnd' );\r
 399         X.Dom.Event.Rename[ 'animationend' ]        = 'oAnimationEnd';\r
 400         X.Dom.Event.Rename[ 'animationstart' ]      = 'oAnimationStart';\r
 401         X.Dom.Event.Rename[ 'animationiteration' ]  = 'oAnimationIteration';\r
 402 } else\r
 403 /*\r
 404 if( window.onmozanimationend !== undefined && window.onanimationend === undefined ){\r
 405           X.Dom.Event.Rename[ 'animationend' ]          = 'mozAnimationEnd';\r
 406         X.Dom.Event.RenameTo[ 'mozAnimationEnd' ]       = 'animationend';\r
 407           X.Dom.Event.Rename[ 'animationstart' ]        = 'mozAnimationStart';\r
 408         X.Dom.Event.RenameTo[ 'mozAnimationStart' ]     = 'animationstart';\r
 409           X.Dom.Event.Rename[ 'animationiteration' ]    = 'mozAnimationIteration';\r
 410         X.Dom.Event.RenameTo[ 'mozAnimationIteration' ] = 'animationiteration';\r
 411 } else*/\r
 412 if( document.documentElement && document.documentElement.style.msAnimation !== undefined && document.documentElement.style.animation === undefined ){ //document.documentElement.style.msAnimation \r
 413         console.log( 'animationend <= MSAnimationEnd' );\r
 414         X.Dom.Event.Rename[ 'animationend' ]         = 'MSAnimationEnd';\r
 415         X.Dom.Event.Rename[ 'animationstart' ]       = 'MSAnimationStart';\r
 416         X.Dom.Event.Rename[ 'animationiteration' ]   = 'MSAnimationIteration';\r
 417 };\r
 418 // https://developer.mozilla.org/en-US/docs/Web/Events/transitionend\r
 419 // chrome1+, firefox4+, IE10+, Opera10.5+, Safari3.2+, Android2.1+\r
 420 if( window.onwebkittransitionend !== undefined && window.ontransitionend === undefined ){\r
 421         console.log( 'transitionend <= webkitTransitionEnd' );\r
 422         X.Dom.Event.Rename[ 'transitionend' ]      = 'webkitTransitionEnd';\r
 423 } else\r
 424 if( window.onotransitionend !== undefined && window.ontransitionend === undefined ){\r
 425         if( X.UA.Opera < 12 ){\r
 426                 console.log( 'transitionend <= oTransitionEnd|ver.' + X.UA.Opera );\r
 427                 X.Dom.Event.Rename[ 'transitionend' ]  = 'oTransitionEnd';\r
 428         } else {\r
 429                 console.log( 'transitionend <= otransitionEnd|ver.' + X.UA.Opera );\r
 430                 X.Dom.Event.Rename[ 'transitionend' ]  = 'otransitionEnd';\r
 431         };\r
 432 } else\r
 433 if( window.onmoztransitionend !== undefined && window.ontransitionend === undefined ){\r
 434         console.log( 'transitionend <= mozTransitionEnd' );\r
 435         X.Dom.Event.Rename[ 'transitionend' ]    = 'mozTransitionEnd';\r
 436 };\r
 437 \r
 438 if( !navigator.pointerEnabled ){\r
 439         if( navigator.msPointerEnabled ){\r
 440                 console.log( 'pointerdown <= MSPointerDown' );\r
 441                 X.Dom.Event.Rename[ 'pointerdown'     ] = 'MSPointerDown';\r
 442                 X.Dom.Event.Rename[ 'pointerup'       ] = 'MSPointerUp';\r
 443                 X.Dom.Event.Rename[ 'pointermove'     ] = [ 'MSPointerMove', 'MSPointerHover' ];// ie10 と ie11 でペンのhoverevent の値が異なる\r
 444                 X.Dom.Event.Rename[ 'pointercancel'   ] = 'MSPointerCancel';\r
 445                 // http://msdn.microsoft.com/ja-jp/library/ie/dn304886%28v=vs.85%29.aspx\r
 446         } else\r
 447         if( X_UA_HID.TOUCH ){\r
 448                 X.Dom.Event.Rename[ 'pointerdown'     ] = [ 'touchdown', 'mousedown' ];\r
 449                 X.Dom.Event.Rename[ 'pointerup'       ] = [ 'touchup',   'mouseup' ];\r
 450                 X.Dom.Event.Rename[ 'pointermove'     ] = [ 'touchmove', 'mousemove' ];\r
 451                 X.Dom.Event.Rename[ 'pointercancel'   ] = 'touchcancel';\r
 452                 X.Dom.Event.Rename[ 'click'           ] = [ 'click', 'tap' ];\r
 453         } else {\r
 454                 X.Dom.Event.Rename[ 'pointerdown'     ] = 'mousedown';\r
 455                 X.Dom.Event.Rename[ 'pointerup'       ] = 'mouseup';\r
 456                 X.Dom.Event.Rename[ 'pointermove'     ] = 'mousemove';\r
 457                 X.Dom.Event.Rename[ 'pointercancel'   ] = 'mouseleave';//??\r
 458                 // Opera\r
 459                 // X.Dom.Event.Rename[ 'contextmenu'     ] = 'mousedown'; button==2 の場合\r
 460         };\r
 461 };\r
 462 \r
 463 \r
 464 (function( rename, renameTo ){\r
 465         var k, name, i;\r
 466         for( k in rename ){\r
 467                 name = rename[ k ];\r
 468                 if( X.Type.isArray( name ) ){\r
 469                         for( i = name.length; i; ){\r
 470                                 renameTo[ name[ --i ] ] = k;\r
 471                         };\r
 472                 } else {\r
 473                         renameTo[ name ] = k;\r
 474                 };\r
 475         };\r
 476 })( X.Dom.Event.Rename, X.Dom.Event.RenameTo );\r
 477 \r
 478 \r
 479 /* -----------------------------------------------\r
 480  * Document Ready\r
 481  *  Dean Edwards/Matthias Miller/John Resig\r
 482  */\r
 483 \r
 484 // SafariでJavaScriptのデバッグをする方法\r
 485 // safari1.3 可\r
 486 // http://shimax.cocolog-nifty.com/search/2006/09/safarijavascrip_c54d.html\r
 487 \r
 488 /* for ie9+/Mozilla/Opera9 */\r
 489 if( X_UA_EVENT.W3C ){\r
 490         Node._document.listenOnce( 'DOMContentLoaded', X.Dom._init );\r
 491 } else\r
 492 if( 6 <= X.UA.IE && X.inHead ){\r
 493         // if this script in Head\r
 494         document.write( "<script id=__ie_onload defer src=javascript:void(0)><\/script>" );\r
 495         X_TEMP._script = document.getElementById( "__ie_onload" );\r
 496         X_TEMP._script.onreadystatechange = function(){\r
 497                 var s = X_TEMP._script;\r
 498                 if( s && s.readyState === 'complete' ){\r
 499                         s.onreadystatechange = X.emptyFunction;\r
 500                         s.onreadystatechange = null;\r
 501                         s.parentNode.removeChild( s );\r
 502                         delete X_TEMP._script;\r
 503                         X.Dom._init && X.Dom._init();\r
 504                 };\r
 505         };\r
 506 };\r
 507 // Re: onLoad doesn't work with Safari?\r
 508 // http://lists.apple.com/archives/web-dev/2003/Oct/msg00036.html\r
 509 if( X.UA.WebKit || X.UA.Safari < 3 ){ // sniff\r
 510         X.Timer.add( 16, function(){\r
 511                 if( !X.Dom._init ) return X_Callback_UN_LISTEN;\r
 512                 if( document.readyState === 'loaded' || document.readyState === 'complete' ) return X.Dom._init();\r
 513         });\r
 514 };\r
 515 \r
 516 /* for other browsers */\r
 517 Node._window.listenOnce( 'load', X.Dom._init );\r
 518 //\r
 519 X.Dom.listenOnce( X.Dom.Event.XDOM_READY, function(e){\r
 520         console.log( 'X.Dom XDomReady ' + X.Dom.readyState );\r
 521 } );\r
 522 \r
 523 X.Dom.listen( X.Dom.Event.VIEW_RESIZED, function(e){ console.log( 'X.Dom VIEW_RESIZED ' + e.w + ' x ' + e.h ); } );\r
 524 \r