0.6.x/js/01_dom/12_XDomEvent.js

   1 /**\r
   2  * use X.Callback\r
   3  * \r
   4  * http://d.hatena.ne.jp/uupaa/20100430/1272561922\r
   5  * \r
   6  */\r
   7 \r
   8 if( !X.UA.IE || 9 <= X.UA.IE ){\r
   9         X.Dom.Event = function( e, xnode ){\r
  10                 var touch0;\r
  11                 //this._event        = e;\r
  12                 this.type          = X.Dom.Event.RenameTo[ e.type ] || e.type;\r
  13                 \r
  14                 //http://www.quirksmode.org/js/events_properties.html\r
  15                 if( e.target ){\r
  16                         this.target        = Node._getXNode( e.target.nodeType === 3 ? e.target.parentNode : e.target );// defeat Safari bug // xnode\r
  17                 };\r
  18                 if( e.relatedTarget ){\r
  19                         this.relatedTarget = Node._getXNode( e.relatedTarget.nodeType === 3 ? e.relatedTarget.parentNode : e.relatedTarget ); // xnode\r
  20                 };\r
  21                 \r
  22                 this.currentTarget = xnode; // xnode\r
  23                 this.eventPhase    = e.eventPhase;\r
  24                 \r
  25                 this.clientX       = e.clientX;\r
  26                 this.clientY       = e.clientY;\r
  27                 //this.screenX       = e.screenX;\r
  28                 //this.screenY       = e.screenY;\r
  29                 this.pageX         = e.pageX;\r
  30                 this.pageY         = e.pageY;\r
  31                 this.offsetX       = e.offsetX || e.layerX;\r
  32                 this.offsetY       = e.offsetY || e.layerY;\r
  33                 \r
  34                 this.keyCode       = e.keyCode;\r
  35                 this.altKey        = e.altKey;\r
  36                 this.ctrlKey       = e.ctrlKey;\r
  37                 this.shiftKey      = e.shiftKey;\r
  38                 \r
  39                 // http://www.programming-magic.com/20090127231544/\r
  40                 this.which         = e.which || ( e.button + 1 ); // 左:1, 中:2, 右:3\r
  41                 this.button        = e.button;\r
  42                 \r
  43                 // https://developer.mozilla.org/ja/docs/DOM/DOM_event_reference/mousewheel\r
  44                 \r
  45                 // TODO\r
  46                 // axis\r
  47                 // https://w3g.jp/blog/tools/wheelevent_crossbrowser\r
  48                 // ホイール系イベント2014年版クロスブラウザ\r
  49                 if( e.deltaY ){\r
  50                         this.deltaX = e.deltaX;\r
  51                         this.deltaY = e.deltaY;\r
  52                 } else\r
  53                 if( e.wheelDeltaY !== undefined ){\r
  54                         this.deltaX = e.wheelDeltaX / 120;\r
  55                         this.deltaY = e.wheelDeltaY / 120;\r
  56                 } else\r
  57                 if( e.wheelDelta !== undefined ){\r
  58                         this.deltaX = 0;\r
  59                         this.deltaY = -e.wheelDelta / 120;\r
  60                 } else\r
  61                 if( e.detail !== undefined ){\r
  62                         this.deltaX = 0;\r
  63                         this.deltaY = e.type === 'MozMousePixelScroll' ? e.detail / 15 : e.detail; // 3\r
  64                 } else {\r
  65                         this.deltaX = this.deltaY = 0;\r
  66                 };\r
  67                 \r
  68                 if( /* e.constructor === window.TouchEvent || */ e.touches /* for iOS3.13 */ ){\r
  69                         // TouchEvent\r
  70                         this.touches        = e.touches;\r
  71                         this.changedTouches = e.changedTouches;\r
  72                         this.targetTouches  = e.targetTouches;\r
  73                         this.metaKey        = e.metaKey;\r
  74                         this.force          = e.force || e.webkitForce || 0;\r
  75                         //\r
  76                         if( this.touches.length ){\r
  77                                 touch0             = this.touches[ 0 ];\r
  78                                 this.clientX       = touch0.clientX;\r
  79                                 this.clientY       = touch0.clientY;\r
  80                                 this.pageX         = touch0.pageX;\r
  81                                 this.pageY         = touch0.pageY;\r
  82                                 this.offsetX       = touch0.offsetX || touch0.layerX;\r
  83                                 this.offsetY       = touch0.offsetY || touch0.layerY;\r
  84                         };\r
  85                 } else\r
  86                 if( e.constructor === window.PointerEvent ){\r
  87                         // PointerEvent;\r
  88                         this.currentPoint  = e.currentPoint;\r
  89                         this.width         = e.width;\r
  90                         this.height        = e.height;\r
  91                         this.timeStamp     = e.timeStamp;\r
  92                         this.hwTimestamp   = e.hwTimestamp;\r
  93                         this.intermediatePoints = e.intermediatePoints;\r
  94                         this.isPrimary     = e.isPrimary;\r
  95                         this.pointerId     = e.pointerId;\r
  96                         this.pointerType   = e.pointerType;\r
  97                         this.pressure      = e.pressure;\r
  98                         this.tiltX         = e.tiltX;\r
  99                         this.tiltY         = e.tiltY;\r
 100                 };\r
 101         };\r
 102         if( !window.PointerEvent && window.MSPointerEvent ){\r
 103                 window.PointerEvent = window.MSPointerEvent;\r
 104         };\r
 105 } else {\r
 106         X.Dom.Event = function( e, xnode, element ){\r
 107                 var btn;\r
 108                 \r
 109                 //this._event        = e;\r
 110                 this.type          = X.Dom.Event.RenameTo[ e.type ] || e.type;\r
 111                 this.target        = Node._getXNode( e.srcElement ); // xnode\r
 112                 if( this.target && this.target._xnodeType === 3 ) this.target = this.target.parent; // ie4 の fake Textnode がヒットしていないか？\r
 113                 this.currentTarget = xnode; // xnode\r
 114                 this.relatedTarget = Node._getXNode( e.formElement ? e.formElement : e.toElement ); // xnode\r
 115                 this.eventPhase    = e.srcElement === element ? 2: 3;\r
 116                 \r
 117                 this.clientX       = e.clientX;\r
 118                 this.clientY       = e.clientY;\r
 119                 //this.screenX       = e.screenX;\r
 120                 //this.screenY       = e.screenY;\r
 121                 \r
 122                 if( X.Dom._root ){ // uuu...\r
 123                         \r
 124                         this.pageX         = e.clientX + X.Dom._root.scrollLeft;\r
 125                         this.pageY         = e.clientY + X.Dom._root.scrollTop;\r
 126                         \r
 127                         // DOMAssistant 2.8.1\r
 128                         //event.pageX = DOMAssistant.def(e.pageX)? e.pageX : (event.clientX + (de.scrollLeft || b.scrollLeft) - (de.clientLeft || 0));\r
 129                         //event.pageY = DOMAssistant.def(e.pageY)? e.pageY : (event.clientY + (de.scrollTop || b.scrollTop) - (de.clientTop || 0));                                                     \r
 130                 };\r
 131                 \r
 132 \r
 133                 \r
 134                 if( 5 <= X.UA.IE ){\r
 135                         this.offsetX       = e.offsetX; // イベントターゲット左上からの座標\r
 136                         this.offsetY       = e.offsetY;                 \r
 137                 }// else\r
 138                 //if( e.srcElement ){\r
 139                 //      this.offsetX       = e.x - e.srcElement.offsetLeft; // e.x はイベント発生要素の親要素を基準にした座標。\r
 140                 //      this.offsetY       = e.y - e.srcElement.offsetTop;      \r
 141                 //};\r
 142                 \r
 143                 this.keyCode       = e.keyCode;\r
 144                 this.altKey        = e.altKey;\r
 145                 this.ctrlKey       = e.ctrlKey;\r
 146                 this.shiftKey      = e.shiftKey;\r
 147                 \r
 148                 // http://www.programming-magic.com/20090127231544/\r
 149                 switch( this.type ){\r
 150                         case 'click'    :\r
 151                         case 'dblclick' :\r
 152                                 this.which = 1;\r
 153                                 break;\r
 154                         case 'contextmenu' :\r
 155                                 this.which = 3;\r
 156                                 break;\r
 157                         default :\r
 158                                 btn = e.button;\r
 159                                 this.which =\r
 160                                         btn & 1 ? 1 :\r
 161                                         btn & 4 ? 2 :\r
 162                                         btn & 2 ? 3 : 0; // 左:1(click:0), 中:4, 右:2\r
 163                 };\r
 164                 this.button      = this.which - 1;\r
 165                 this.deltaX      = 0;\r
 166                 this.deltaY      = e.wheelDelta / -12;\r
 167                 \r
 168                 if( this.type === 'wheel' ) console.log( e.wheelDelta );\r
 169         };\r
 170 };\r
 171 \r
 172 X.Dom.Event.DOM_PRE_INIT        = ++X.Event._LAST_EVENT;\r
 173 X.Dom.Event.DOM_BUILDER_COMPLETE= ++X.Event._LAST_EVENT;\r
 174 X.Dom.Event.DOM_INIT            = ++X.Event._LAST_EVENT;\r
 175 X.Dom.Event.XDOM_READY          = ++X.Event._LAST_EVENT;\r
 176 X.Dom.Event.VIEW_ACTIVATE       = ++X.Event._LAST_EVENT;\r
 177 X.Dom.Event.VIEW_DEACTIVATE     = ++X.Event._LAST_EVENT;\r
 178 X.Dom.Event.VIEW_RESIZED        = ++X.Event._LAST_EVENT;\r
 179 X.Dom.Event.VIEW_TURNED         = ++X.Event._LAST_EVENT;\r
 180 X.Dom.Event.BASE_FONT_RESIZED   = ++X.Event._LAST_EVENT;\r
 181 // same_page_jump\r
 182 // on_screen_keyboard_show\r
 183 // on_screen_keyboard_hide\r
 184 // X.Dom.Event.BEFORE_UPDATE       = ++X.Event._LAST_EVENT; // このイベントで要素のサイズを取得すると無限ループに！\r
 185 X.Dom.Event.AFTER_UPDATE        = ++X.Event._LAST_EVENT;\r
 186 // hash_change\r
 187 X.Dom.Event.BEFORE_UNLOAD       = ++X.Event._LAST_EVENT;\r
 188 X.Dom.Event.UNLOAD              = ++X.Event._LAST_EVENT;\r
 189 \r
 190 X.Dom.Event.ANIME_BEFORE_START  = ++X.Event._LAST_EVENT;\r
 191 X.Dom.Event.ANIME_START         = ++X.Event._LAST_EVENT;\r
 192 X.Dom.Event.ANIME               = ++X.Event._LAST_EVENT;\r
 193 X.Dom.Event.ANIME_END           = ++X.Event._LAST_EVENT;\r
 194 X.Dom.Event.ANIME_BEFORE_STOP   = ++X.Event._LAST_EVENT; // xnode.stop() のみ、指定時間による停止では呼ばれない\r
 195 X.Dom.Event.ANIME_STOP          = ++X.Event._LAST_EVENT;\r
 196 X.Dom.Event._LAST_EVENT         = X.Event._LAST_EVENT; // ここに書いてあるイベントの最後の値 X.Dom.Event.ANIME_STOP と同じ値\r
 197 \r
 198 // TODO load -> readystatechange this.readyState === "loaded" || this.readyState === "complete"\r
 199 X.Dom.Event._LOAD_FIX_TAGS = {\r
 200         IFRAME : true,\r
 201         SCRIPT : true//,\r
 202         //LINK   : true\r
 203 };\r
 204 \r
 205 X.Dom.Event.Rename = {};\r
 206 X.Dom.Event.RenameTo = {};\r
 207 // https://github.com/georgeadamson/jQuery.prefixfree-events/blob/master/jQuery.prefixfree-events.js\r
 208 // https://developer.mozilla.org/en-US/docs/Web/Events/wheel\r
 209 //\r
 210 if( document.onwheel === undefined ){\r
 211         // DOMMoseScroll\r
 212         if( X.UA.Gecko && window.MouseScrollEvent ){\r
 213                 if( 2 <= X.UA.Gecko || ( 1.9 < X.UA.Gecko && 1 <= X.UA.GeckoPatch ) ){ // Gecko 1.9.1+ (firefox3.5+)\r
 214                         console.log( 'wheel <= MozMousePixelScroll' );\r
 215                         X.Dom.Event.Rename[ 'wheel' ] = 'MozMousePixelScroll';\r
 216                 } else\r
 217                 if( 0.9 < X.UA.Gecko && 7 <= X.UA.GeckoPatch ){ // Gecko 0.9.7+ (NN6.2+?)\r
 218                         console.log( 'wheel <= DOMMouseScroll' );\r
 219                         X.Dom.Event.Rename[ 'wheel' ] = 'DOMMouseScroll';\r
 220                 };\r
 221         } else\r
 222         if( document.onmousewheel !== undefined ){\r
 223                 X.Dom.Event.Rename[ 'wheel' ] = 'mousewheel';\r
 224         };      \r
 225 };\r
 226 \r
 227 if( window.onwebkitanimationend !== undefined && window.onanimationend === undefined ){\r
 228         console.log( 'animationend <= webkitAnimationEnd' );\r
 229         X.Dom.Event.Rename[ 'animationend' ]        = 'webkitAnimationEnd';\r
 230         X.Dom.Event.Rename[ 'animationstart' ]      = 'webkitAnimationStart';\r
 231         X.Dom.Event.Rename[ 'animationiteration' ]  = 'webkitAnimationIteration';\r
 232 } else\r
 233 if( window.onoanimationend !== undefined && window.onanimationend === undefined ){\r
 234         console.log( 'animationend <= oAnimationEnd' );\r
 235         X.Dom.Event.Rename[ 'animationend' ]        = 'oAnimationEnd';\r
 236         X.Dom.Event.Rename[ 'animationstart' ]      = 'oAnimationStart';\r
 237         X.Dom.Event.Rename[ 'animationiteration' ]  = 'oAnimationIteration';\r
 238 } else\r
 239 /*\r
 240 if( window.onmozanimationend !== undefined && window.onanimationend === undefined ){\r
 241           X.Dom.Event.Rename[ 'animationend' ]          = 'mozAnimationEnd';\r
 242         X.Dom.Event.RenameTo[ 'mozAnimationEnd' ]       = 'animationend';\r
 243           X.Dom.Event.Rename[ 'animationstart' ]        = 'mozAnimationStart';\r
 244         X.Dom.Event.RenameTo[ 'mozAnimationStart' ]     = 'animationstart';\r
 245           X.Dom.Event.Rename[ 'animationiteration' ]    = 'mozAnimationIteration';\r
 246         X.Dom.Event.RenameTo[ 'mozAnimationIteration' ] = 'animationiteration';\r
 247 } else*/\r
 248 if( document.documentElement && document.documentElement.style.msAnimation !== undefined && document.documentElement.style.animation === undefined ){ //document.documentElement.style.msAnimation \r
 249         console.log( 'animationend <= MSAnimationEnd' );\r
 250         X.Dom.Event.Rename[ 'animationend' ]         = 'MSAnimationEnd';\r
 251         X.Dom.Event.Rename[ 'animationstart' ]       = 'MSAnimationStart';\r
 252         X.Dom.Event.Rename[ 'animationiteration' ]   = 'MSAnimationIteration';\r
 253 };\r
 254 // https://developer.mozilla.org/en-US/docs/Web/Events/transitionend\r
 255 // chrome1+, firefox4+, IE10+, Opera10.5+, Safari3.2+, Android2.1+\r
 256 if( window.onwebkittransitionend !== undefined && window.ontransitionend === undefined ){\r
 257         console.log( 'transitionend <= webkitTransitionEnd' );\r
 258         X.Dom.Event.Rename[ 'transitionend' ]      = 'webkitTransitionEnd';\r
 259 } else\r
 260 if( window.onotransitionend !== undefined && window.ontransitionend === undefined ){\r
 261         if( X.UA.Opera < 12 ){\r
 262                 console.log( 'transitionend <= oTransitionEnd|ver.' + X.UA.Opera );\r
 263                 X.Dom.Event.Rename[ 'transitionend' ]  = 'oTransitionEnd';\r
 264         } else {\r
 265                 console.log( 'transitionend <= otransitionEnd|ver.' + X.UA.Opera );\r
 266                 X.Dom.Event.Rename[ 'transitionend' ]  = 'otransitionEnd';\r
 267         };\r
 268 } else\r
 269 if( window.onmoztransitionend !== undefined && window.ontransitionend === undefined ){\r
 270         console.log( 'transitionend <= mozTransitionEnd' );\r
 271         X.Dom.Event.Rename[ 'transitionend' ]    = 'mozTransitionEnd';\r
 272 };\r
 273 \r
 274 \r
 275 if( navigator.msPointerEnabled && !navigator.pointerEnabled ){\r
 276         console.log( 'pointerdown <= MSPointerDown' );\r
 277         X.Dom.Event.Rename[ 'pointerdown'     ] = 'MSPointerDown';\r
 278         X.Dom.Event.Rename[ 'pointerup'       ] = 'MSPointerUp';\r
 279         X.Dom.Event.Rename[ 'pointermove'     ] = 'MSPointerMove';\r
 280         X.Dom.Event.Rename[ 'pointercancel'   ] = 'MSPointerCancel';\r
 281 };\r
 282 \r
 283 (function( rename, renameTo ){\r
 284         for( var k in rename ){\r
 285                 renameTo[ rename[ k ] ] = k;\r
 286         };\r
 287 })( X.Dom.Event.Rename, X.Dom.Event.RenameTo );\r
 288 \r
 289 \r
 290 \r
 291 X.Dom.Node.prototype.listen = function( type, arg1, arg2, arg3 /* [ listener || ( context + function ) || function ][ arguments ] */ ){\r
 292         if( this._xnodeType === 0 || this._xnodeType === 3 ) return this;\r
 293         \r
 294         if( X.Type.isArray( type ) ){\r
 295                 return X.EventDispatcher.prototype.listen.apply( this, arguments );\r
 296         };\r
 297         \r
 298         ( !this._listeners || !this._listeners[ type ] ) && X.Type.isString( type ) && this._addEvent( type );\r
 299         \r
 300         return X.EventDispatcher.prototype.listen.apply( this, arguments );\r
 301 };\r
 302 \r
 303 X.Dom.Node.prototype._addEvent =\r
 304         // Days on the Moon DOM Events とブラウザの実装 \r
 305         // http://nanto.asablo.jp/blog/2007/03/23/1339502\r
 306         // Safari 2 では関数オブジェクトしか EventListener として使えませんが、Safari のナイトリービルドでは handleEvent メソッドを持つオブジェクトも EventListener として使えるようです。\r
 307         X.Dom.EVENT_W3C && ( X.UA.WebKit < 525.13 || X.UA.Opera7 || X.UA.NetFront < 4 ) ? // Safari3-\r
 308                 (function( type ){\r
 309                         var raw = this._rawNode;\r
 310                         if( !raw ) return;\r
 311                         this._handleEvent = this._handleEvent || X.Callback.create( this );\r
 312                         type = X.Dom.Event.Rename[ type ] || type;\r
 313                         if( raw.addEventListener ){\r
 314                                 raw.addEventListener( type, this._handleEvent, false );\r
 315                         } else {\r
 316                                 // Safari は Image, Opera7 は window\r
 317                                 raw[ 'on' + type ] = this._handleEvent;\r
 318                         };\r
 319                 }) :\r
 320         X.Dom.EVENT_W3C ?\r
 321                 (function( type ){\r
 322                         this._rawNode && this._rawNode.addEventListener( X.Dom.Event.Rename[ type ] || type, this, false );\r
 323                 }) :\r
 324         X.Dom.EVENT_IE ?\r
 325                 (function( type ){\r
 326                         var raw = this._rawNode;\r
 327                         if( !raw ) return;\r
 328                         type = X.Dom.Event.Rename[ type ] || type;\r
 329                         //if( type === 'load' && this._tag && X.Dom.Event._LOAD_FIX_TAGS[ this._tag ] ){\r
 330                         //      type = 'readystatechange';\r
 331                         //};\r
 332                         this._handleEvent = this._handleEvent || X.Callback.create( this );\r
 333                         if( raw.attachEvent ){\r
 334                                 raw.attachEvent( 'on' + type, this._handleEvent );\r
 335                         } else {\r
 336                                 raw[ 'on' + type ] = this._handleEvent;\r
 337                         };\r
 338                 }) :\r
 339                 (function( type ){\r
 340                         var raw = this._rawNode || ( this._ie4getRawNode && this._ie4getRawNode() );\r
 341                         if( !raw ) return;\r
 342                         raw[ 'on' + ( X.Dom.Event.Rename[ type ] || type ) ] = this._handleEvent = this._handleEvent || X.Callback.create( this );\r
 343                 });\r
 344 \r
 345 \r
 346 X.Dom.Node.prototype.unlisten = function( type, arg1, arg2, arg3 ){\r
 347         var list = this._listeners, l;\r
 348         \r
 349         if( X.Type.isArray( type ) ){\r
 350                 return list ? X.EventDispatcher.prototype.unlisten.apply( this, arguments ) : this;\r
 351         };\r
 352 \r
 353         l = !this._dispatching && list && type !== undefined && list[ type ] && list[ type ].length;\r
 354         \r
 355         X.EventDispatcher.prototype.unlisten.apply( this, arguments );\r
 356         \r
 357         l && !list[ type ] && X.Type.isString( type ) && this._removeEvent( type );\r
 358         \r
 359         return this;\r
 360 };\r
 361 \r
 362 X.Dom.Node.prototype._removeEvent =\r
 363         X.Dom.EVENT_W3C && ( X.UA.WebKit < 525.13 || X.UA.Opera7 || X.UA.NetFront < 4 ) ? // Safari3-\r
 364                 (function( type ){\r
 365                         var raw = this._rawNode;\r
 366                         if( !raw ) return;\r
 367                         type = X.Dom.Event.Rename[ type ] || type;\r
 368                         \r
 369                         if( raw.addEventListener ){ // Image\r
 370                                 raw.removeEventListener( type, this._handleEvent, false );\r
 371                         } else {\r
 372                                 raw[ 'on' + type ] = null;\r
 373                         };\r
 374                         if( !this._listeners ){\r
 375                                 X.Callback._correct( this._handleEvent );\r
 376                                 delete this._handleEvent;\r
 377                         };\r
 378                 }) :\r
 379         X.Dom.EVENT_W3C ?\r
 380                 (function( type ){\r
 381                         var raw = this._rawNode;\r
 382                         if( !raw ) return;\r
 383                         raw.removeEventListener( X.Dom.Event.Rename[ type ] || type, this, false );\r
 384                 }) :\r
 385         X.Dom.EVENT_IE ?\r
 386                 (function( type ){\r
 387                         var raw = this._rawNode;\r
 388                         if( !raw ) return;\r
 389                         type = X.Dom.Event.Rename[ type ] || type;\r
 390                         //if( type === 'load' && this._tag && X.Dom.Event._LOAD_FIX_TAGS[ this._tag ] ){\r
 391                         //      type = 'readystatechange';\r
 392                         //};\r
 393                         if( raw.attachEvent ){\r
 394                                 raw.detachEvent( 'on' + type, this._handleEvent );\r
 395                         } else {\r
 396                                 raw[ 'on' + type ] = X.emptyFunction;\r
 397                                 raw[ 'on' + type ] = '';\r
 398                         };\r
 399                         if( !this._listeners ){\r
 400                                 X.Callback._correct( this._handleEvent );\r
 401                                 delete this._handleEvent;\r
 402                         };\r
 403                 }) :\r
 404                 (function( type ){\r
 405                         var raw = this._rawNode || ( this._ie4getRawNode && this._ie4getRawNode() );\r
 406                         if( !raw ) return;\r
 407                         type = X.Dom.Event.Rename[ type ] || type;\r
 408                         raw[ 'on' + type ] = X.emptyFunction;\r
 409                         raw[ 'on' + type ] = '';\r
 410                         if( !this._listeners ){\r
 411                                 X.Callback._correct( this._handleEvent );\r
 412                                 delete this._handleEvent;\r
 413                         };\r
 414                 });\r
 415 \r
 416 // Is this in regard to the Safari 1.x preventDefault bug on click/dblclick?\r
 417 // https://groups.google.com/forum/#!msg/comp.lang.javascript/uYEuCHjHxnw/yKoHtZJPa1QJ\r
 418 X.Dom.Node.prototype.handleEvent =\r
 419         X.UA.IE4 || X.UA.IE5678 ? // ie45678 EVENT_IE & EVENT_DOM0 for ie4\r
 420                 (function(){\r
 421                         var ret;\r
 422                         \r
 423                         if( event.type === 'readystatechange' && this._tag && X.Dom.Event._LOAD_FIX_TAGS[ this._tag ] ){\r
 424                                 //type = 'readystatechange';\r
 425                         };\r
 426                         \r
 427                         ret = X.EventDispatcher.prototype.dispatch.call( this, new X.Dom.Event( event, this, this._rawNode ) );\r
 428 \r
 429                         if( ret & X.Callback.STOP_PROPAGATION ){\r
 430                                 event.cancelBubble = true;\r
 431                         };\r
 432                         if( ret & X.Callback.PREVENT_DEFAULT ){\r
 433                                 this._tag === 'A' && this._rawNode.blur();\r
 434                                 return event.returnValue = false;\r
 435                         };\r
 436                 }) :\r
 437         //X.Dom.EVENT_W3C & EVENT_DOM0\r
 438                 (function( e ){\r
 439                         var ret = X.EventDispatcher.prototype.dispatch.call( this, new X.Dom.Event( e, this ) );\r
 440                         \r
 441                         if( ret & X.Callback.STOP_PROPAGATION ){\r
 442                                 e.stopPropagation();\r
 443                         };\r
 444                         if( ret & X.Callback.PREVENT_DEFAULT ){\r
 445                                 this._tag === 'A' && this._rawNode.blur();\r
 446                                 e.preventDefault();\r
 447                                 if( X.UA.WebKit < 525.13 ){ // Safari3-\r
 448                                         if( e.type === 'click' || e.type === 'dbclick' ){\r
 449                                                 X.Dom._safariPreventDefault = true;\r
 450                                         };\r
 451                                 };\r
 452                                 return false;\r
 453                         };\r
 454                 });\r
 455 \r
 456 \r
 457 // イベントの退避、dom が画面から抜かれる場合に実施しておく\r
 458 X.Dom.Node.prototype._migrateEvent = function(){\r
 459         var hash = this._listeners,\r
 460                 type;\r
 461         if( !hash ) return;\r
 462         for( type in hash ){\r
 463                 // 数字イベントの除外\r
 464                 /*'' + parseFloat( type ) !== type && */this._removeEvent( type );\r
 465         };\r
 466 };\r
 467 \r
 468 // 退避したイベントの復帰\r
 469 X.Dom.Node.prototype._restoreEvent = function(){\r
 470         var hash = this._listeners,\r
 471                 type;\r
 472         if( !hash ) return;\r
 473         for( type in hash ){\r
 474                 // 数字イベントの除外\r
 475                 /*'' + parseFloat( type ) !== type && */ this._addEvent( type );\r
 476         };\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.Dom.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.Dom._script = document.getElementById( "__ie_onload" );\r
 496         X.Dom._script.onreadystatechange = function(){\r
 497                 var s = X.Dom._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.Dom._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( 10, function(){\r
 511                 if( !X.Dom._init ) return X.Callback.UN_LISTEN;\r
 512                 if( 'loaded|complete'.indexOf( document.readyState ) !== -1 ) 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 if( X.UA.WebKit < 525.13 ){ // Safari3-\r
 524         document.documentElement.onclick =\r
 525         document.documentElement.ondbclick = function( e ){\r
 526                         if( X.Dom._safariPreventDefault ){\r
 527                                 X.Dom._safariPreventDefault = false;\r
 528                                 e.preventDefault();\r
 529                                 return false;\r
 530                         };\r
 531                 };\r
 532 };\r
 533 \r
 534 X.Dom.listen( X.Dom.Event.VIEW_RESIZED, function(e){ console.log( 'X.Dom VIEW_RESIZED ' + e.w + 'x' + e.h ); } );\r
 535 \r