4 * http://d.hatena.ne.jp/uupaa/20100430/1272561922
\r
5 * event.offsetX と offsetY の互換性について
\r
7 * http://www.keynavi.net/ja/tipsj/gokan.html
\r
8 * Safari : マウスイベントは大丈夫ですが ページ全体に対するキーイベントをきちんと扱えない問題があります。
\r
9 * その他、リンクに対するフォーカス(element.focus())の動作がおかしい、 スクリーン上のマウス位置(event.screenX/Y)をブラウザ画面の 左下隅から計算する などの問題があり修正が待たれます。
\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 && {
\r
21 if( !X.UA.IE || 9 <= X.UA.IE ){
\r
22 X.Dom.Event = function( e, xnode ){
\r
25 changedTouches, targetTouches, targetIDs, changedTargets, isEnd,
\r
26 altKey, ctrlKey, metaKey, shiftKey, target, related,
\r
27 i, n, time, touch, ev;
\r
30 this.type = type = X.Dom.Event.RenameTo[ _type ] || _type;
\r
32 // http://msdn.microsoft.com/ja-jp/library/ie/dn304886%28v=vs.85%29.aspx
\r
34 if( e.pointerType ){
\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
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
50 switch( this.pointerType ){
\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
59 this.radiusX = e.radiusX;
\r
60 this.radiusY = e.radiusY;
\r
61 this.rotationAngle = e.rotationAngle;
\r
65 this.button = e.button;
\r
66 this.buttons = e.buttons;
\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
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
88 if( X.Dom.Event.toPointer[ _type ] ){
\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
96 xnode._cancelMouse = type;
\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
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
115 hwTimestamp : time,
\r
117 buttons : e.button,
\r
118 buttons : e.buttons || e.button,
\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
140 return events.length === 1 ? events[ 0 ] : events;
\r
143 if( xnode._cancelMouse === type ){
\r
144 delete xnode._cancelMouse;
\r
150 this.pointerType = 'mouse';
\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
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
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
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
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
196 if( elm = e.relatedTarget ){
\r
197 this.relatedTarget = Node._getXNode( elm.nodeType === 3 ? elm.parentNode : elm ); // xnode
\r
200 if( type === 'wheel' ){
\r
201 // https://developer.mozilla.org/ja/docs/DOM/DOM_event_reference/mousewheel
\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
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
215 if( e.wheelDelta !== undefined ){
\r
216 this.deltaX = this.deltaZ = 0;
\r
217 this.deltaY = e.wheelDelta / -120;
\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
223 this.deltaX = this.deltaY = this.deltaZ = 0;
\r
228 this.currentTarget = xnode; // xnode
\r
229 this.eventPhase = e.eventPhase;
\r
230 this.detail = e.detail;
\r
234 X.Dom.Event = function( e, xnode, element ){
\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
244 this.keyCode = e.keyCode;
\r
245 this.altKey = e.altKey;
\r
246 this.ctrlKey = e.ctrlKey;
\r
247 this.shiftKey = e.shiftKey;
\r
249 // http://www.programming-magic.com/20090127231544/
\r
250 switch( this.type ){
\r
255 case 'contextmenu' :
\r
259 // mouseup, mousedown
\r
264 btn & 2 ? 1 : -1; // 左:1(click:0), 中:4, 右:2
\r
267 this.buttons = e.button;
\r
269 if( type = X.Dom.Event.toPointer[ e.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
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
284 if( 5 <= X.UA.IE ){
\r
285 this.offsetX = e.offsetX; // イベントターゲット左上からの座標
\r
286 this.offsetY = e.offsetY;
\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
294 this.deltaY = e.wheelDelta / -120;
\r
296 this.pointerId = 1;
\r
299 this.rotationAngle = 0;
\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
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
323 X.Dom.Event.BEFORE_UNLOAD = ++X.Event._LAST_EVENT;
\r
324 X.Dom.Event.UNLOAD = ++X.Event._LAST_EVENT;
\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
334 // TODO load -> readystatechange this.readyState === "loaded" || this.readyState === "complete"
\r
335 X.Dom.Event._LOAD_FIX_TAGS = {
\r
341 X.Dom.Event.Rename = {};
\r
342 X.Dom.Event.RenameTo = {};
\r
343 X.Dom.Event.toPointer = !X.Dom.EVENT_POINTER && ( X.Dom.EVENT_TOUCH ?
\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
358 mousedown : 'pointerdown',
\r
359 mouseup : 'pointerup',
\r
360 mousemove : 'pointermove',
\r
361 contextmenu : 'contextmenu',
\r
362 dbclick : 'dbclick',
\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
370 if( document.onwheel === undefined ){
\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
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
382 X.Dom.Event.Rename[ 'wheel' ] = 'mousewheel';
\r
384 //if( document.onmousewheel !== undefined ){ // Opera で判定失敗する
\r
385 // X.Dom.Event.Rename[ 'wheel' ] = 'mousewheel';
\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
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
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
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
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
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
429 console.log( 'transitionend <= otransitionEnd|ver.' + X.UA.Opera );
\r
430 X.Dom.Event.Rename[ 'transitionend' ] = 'otransitionEnd';
\r
433 if( window.onmoztransitionend !== undefined && window.ontransitionend === undefined ){
\r
434 console.log( 'transitionend <= mozTransitionEnd' );
\r
435 X.Dom.Event.Rename[ 'transitionend' ] = 'mozTransitionEnd';
\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
447 if( X.Dom.EVENT_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
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
459 // X.Dom.Event.Rename[ 'contextmenu' ] = 'mousedown'; button==2 の場合
\r
464 (function( rename, renameTo ){
\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
473 renameTo[ name ] = k;
\r
476 })( X.Dom.Event.Rename, X.Dom.Event.RenameTo );
\r
479 /* -----------------------------------------------
\r
481 * Dean Edwards/Matthias Miller/John Resig
\r
484 // SafariでJavaScriptのデバッグをする方法
\r
486 // http://shimax.cocolog-nifty.com/search/2006/09/safarijavascrip_c54d.html
\r
488 /* for ie9+/Mozilla/Opera9 */
\r
489 if( X.Dom.EVENT_W3C ){
\r
490 Node._document.listenOnce( 'DOMContentLoaded', X.Dom._init );
\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
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
516 /* for other browsers */
\r
517 Node._window.listenOnce( 'load', X.Dom._init );
\r
519 X.Dom.listenOnce( X.Dom.Event.XDOM_READY, function(e){
\r
520 console.log( 'X.Dom XDomReady ' + X.Dom.readyState );
\r
523 X.Dom.listen( X.Dom.Event.VIEW_RESIZED, function(e){ console.log( 'X.Dom VIEW_RESIZED ' + e.w + ' x ' + e.h ); } );
\r