X-Git-Url: http://git.osdn.jp/view?a=blobdiff_plain;f=0.6.x%2Fjs%2Fdom%2F12_XDomEvent.js;h=d80f5e0b0bec7bd1a79f07c883e70d9d68786753;hb=fb2a4b2dace3975474be1daa56659a861bbcbfbe;hp=b364cf21bf13a81ace7aa300563c0833519ee602;hpb=8c3abfb7fe5b2ff8cf15fb4e35e4349895a92ec4;p=pettanr%2FclientJs.git

diff --git a/0.6.x/js/dom/12_XDomEvent.js b/0.6.x/js/dom/12_XDomEvent.js
index b364cf2..d80f5e0 100644
--- a/0.6.x/js/dom/12_XDomEvent.js
+++ b/0.6.x/js/dom/12_XDomEvent.js
@@ -1,405 +1,487 @@
-/**
- * use X.Callback
- * 
- * http://d.hatena.ne.jp/uupaa/20100430/1272561922
- * 
- */
-
-if( window.addEventListener ){
-	X.Dom.Event = function( e ){
-		//this._event        = e;
-		this.type          = e.type;
-		this.target        = e.target; // xnode
-		this.currentTarget = e.currentTarget; // xnode
-		this.relatedTarget = e.relatedTarget; // xnode
-		this.eventPhase    = e.eventPhase;
-		
-		this.clientX       = e.clientX;
-		this.clientY       = e.clientY;
-		//this.screenX       = e.screenX;
-		//this.screenY       = e.screenY;
-		this.pageX         = e.pageX;
-		this.pageY         = e.pageY;
-		this.offsetX       = e.offsetX || e.layerX;
-		this.offsetY       = e.offsetY || e.layerY;
-		
-		this.keyCode       = e.keyCode;
-		this.altKey        = e.altKey;
-		this.ctrlKey       = e.ctrlKey;
-		this.shiftKey      = e.shiftKey;
-		
-		// http://www.programming-magic.com/20090127231544/
-		this.which         = e.which || ( e.button + 1 ); // 左:1, 中:2, 右:3
-		
-		// https://developer.mozilla.org/ja/docs/DOM/DOM_event_reference/mousewheel
-		if( e.wheelDeltaY !== undefined ){
-			this.wheelDeltaX = e.wheelDeltaX / 12;
-			this.wheelDeltaY = e.wheelDeltaY / 12;
-		} else
-		if( e.wheelDelta !== undefined ){
-			this.wheelDeltaX = this.wheelDeltaY = e.wheelDelta / 12;
-		} else
-		if( e.detail !== undefined ){
-			this.wheelDeltaX = this.wheelDeltaY = - e.detail * 3;
-		} else {
-			this.wheelDeltaX = this.wheelDeltaY = 0;
-		};
-		
-		if( e.constructor === window.TouchEvent ){
-			// TouchEvent
-			this.touches        = e.touches;
-			this.changedTouches = e.changedTouches;
-			this.targetTouches  = e.targetTouches;
-			//this.altKey         = e.altKey;
-			//this.ctrlKey        = e.ctrlKey;
-			this.metaKey        = e.metaKey;
-			//this.shiftKey       = e.shiftKey;
-			//this.type           = e.type;
-			//this.target         = e.target;
-		} else
-		if( e.constructor === window.PointerEvent ){
-			// PointerEvent;
-			this.currentPoint  = e.currentPoint;
-			this.width         = e.width;
-			this.height        = e.height;
-			this.timeStamp     = e.timeStamp;
-			this.hwTimestamp   = e.hwTimestamp;
-			this.intermediatePoints = e.intermediatePoints;
-			this.isPrimary     = e.isPrimary;
-			this.pointerId     = e.pointerId;
-			this.pointerType   = e.pointerType;
-			this.pressure      = e.pressure;
-			this.tiltX         = e.tiltX;
-			this.tiltY         = e.tiltY;
-		};
-	};
-} else {
-	X.Dom.Event = function( e, element ){
-		var btn;
-		
-		//this._event        = e;
-		this.type          = e.type;
-		this.target        = e.srcElement; // xnode
-		this.currentTarget = element; // xnode
-		this.relatedTarget = e.formElement ? e.formElement : e.toElement; // xnode
-		this.eventPhase    = e.srcElement === element ? 2: 3;
-		
-		this.clientX       = e.clientX;
-		this.clientY       = e.clientY;
-		//this.screenX       = e.screenX;
-		//this.screenY       = e.screenY;
-		this.pageX         = e.clientX + document.body.scrollLeft;
-		this.pageY         = e.clientY + document.body.scrollTop;
-		
-		if( X.UA.IE && 5 <= X.UA.IE ){
-			this.offsetX       = e.offsetX;
-			this.offsetY       = e.offsetY;			
-		};
-		
-		this.keyCode       = e.keyCode;
-		this.altKey        = e.altKey;
-		this.ctrlKey       = e.ctrlKey;
-		this.shiftKey      = e.shiftKey;
-		
-		// http://www.programming-magic.com/20090127231544/
-		switch( this.type ){
-			case 'click'    :
-			case 'dblclick' :
-				this.which = 1;
-				break;
-			case 'contextmenu' :
-				this.which = 3;
-				break;
-			default :
-				btn = e.button;
-				this.which =
-					btn & 1 ? 1 :
-					btn & 4 ? 2 :
-					btn & 2 ? 3 : 0; // 左:1(click:0), 中:4, 右:2
-		};
-		this.wheelDeltaX = this.wheelDeltaY = e.wheelDelta / 12;
-	};
-};
-
-X.Dom.Event.DOM_PRE_INIT       = 0;
-X.Dom.Event.DOM_INIT           = 1;
-X.Dom.Event.XDOM_READY         = 2;
-X.Dom.Event.VIEW_ACTIVATE      = 3;
-X.Dom.Event.VIEW_DEACTIVATE    = 4;
-X.Dom.Event.VIEW_RESIZED       = 5;
-X.Dom.Event.COMMIT_UPDATE      = 6;
-X.Dom.Event.ANIME_BEFORE_START = 7;
-X.Dom.Event.ANIME_START        = 8;
-X.Dom.Event.ANIME              = 9;
-X.Dom.Event.ANIME_END          = 10;
-X.Dom.Event.ANIME_BEFORE_STOP  = 11; // xnode.stop() のみ、指定時間による停止では呼ばれない
-X.Dom.Event.ANIME_STOP         = 12;
-X.Dom.Event._LAST_EVENT        = 12; // ここに書いてあるイベントの最後の値 X.Dom.Event.ANIME_STOP と同じ値
-
-
-X.Dom.Event._chashe  = [ {}, {}, null, {} ]; // window, document, documentElement, body
-X.Dom.Event._chashe2 = [];
-
-X.Dom.Node.prototype.listen = function( type, arg2, arg3, arg4 /* [ listener || ( context + function ) || function ][ arguments ] */ ){
-	var elm;
-	
-	if( this._xnodeType === 0 || this._xnodeType === 3 ) return this;
-	
-	( !this._listeners || !this._listeners[ type ] ) && this._addEvent( type );
-	
-	if( typeof arg2 === 'function' ){
-		X.EventDispatcher.prototype.listen.call( this, type, this, arg2, arg3 );
-	} else {
-		X.EventDispatcher.prototype.listen.apply( this, arguments );
-	};
-	return this;
-};
-
-X.Dom.Node.prototype._addEvent =
-	document.removeEventListener ?
-		(function( type ){
-			this._rawNode && this._rawNode.addEventListener( type, this, false );
-		}) :
-	document.detachEvent ?
-		(function( type ){
-			if( !this._rawNode ) return;
-			this._handleEvent = this._handleEvent || X.Callback.create( this );
-			this._rawNode.attachEvent( 'on' + type, this._handleEvent );
-		}) :
-		(function( type ){
-			var elm = this._ie4getRawNode();
-			if( !elm ) return;
-			this._handleEvent = elm[ 'on' + type ] = this._handleEvent || X.Callback.create( this );
-		});
-
-
-X.Dom.Node.prototype.unlisten = function( /* type, arg2, arg3, arg4 */ ){
-	var list    = this._listeners,
-		type    = arguments[ 0 ];
-		l       = list && type && list[ type ] && list[ type ].length;
-	
-	X.EventDispatcher.prototype.unlisten.apply( this, arguments );
-	
-	if( 1 < arguments.length && !this._dispatching && l && !list[ type ] ){
-		this._removeEvent( type );
-	};
-	
-	return this;
-};
-
-X.Dom.Node.prototype._removeEvent =
-	document.removeEventListener ?
-		(function( type ){
-			var elm = this._ie4getRawNode ? this._ie4getRawNode() : this._rawNode;
-			if( !elm ) return;
-			elm.removeEventListener( type, this, false );
-		}) :
-	document.detachEvent ?
-		(function( type ){
-			var elm = this._ie4getRawNode ? this._ie4getRawNode() : this._rawNode;
-			if( !elm ) return;
-			elm.detachEvent( 'on' + type, this._handleEvent );
-			if( !this._listeners ){
-				X.Callback._correct( this._handleEvent );
-				delete this._handleEvent;
-			};
-		}) :
-		(function( type ){
-			var elm = this._ie4getRawNode ? this._ie4getRawNode() : this._rawNode;
-			if( !elm ) return;
-			elm[ 'on' + type ] = X.emptyFunction;
-			elm[ 'on' + type ] = '';
-			if( !this._listeners ){
-				X.Callback._correct( this._handleEvent );
-				delete this._handleEvent;
-			};
-		});
-
-
-X.Dom.Node.prototype.handleEvent =
-	document.removeEventListener ?
-		(function( e ){
-			var ret = X.EventDispatcher.prototype.dispatch.call( this, new X.Dom.Event( e ) );
-
-			if( ret & X.Callback.STOP_PROPAGATION ){
-				e.stopPropagation();
-			};
-			if( ret & X.Callback.PREVENT_DEFAULT ){
-				e.preventDefault();
-				return false;
-			};
-		}) :
-		(function(){
-			var ret = X.EventDispatcher.prototype.dispatch.call( this, new X.Dom.Event( event, this.elm ) );
-
-			if( ret & X.Callback.STOP_PROPAGATION ){
-				event.cancelBubble = true;
-			};
-			if( ret & X.Callback.PREVENT_DEFAULT ){
-				return event.returnValue = false;
-			};
-		});
-
-
-// イベントの退避、dom が画面から抜かれる場合に実施しておく
-X.Dom.Node.prototype._migrateEvent = function(){
-	var hash = this._listeners,
-		type;
-	if( !hash ) return;
-	for( type in hash ){
-		this._removeEvent( type );
-	};
-};
-
-// 退避したイベントの復帰
-X.Dom.Node.prototype._restoreEvent = function(){
-	var hash = this._listeners,
-		type;
-	if( !hash ) return;
-	for( type in hash ){
-		this._addEvent( type );
-	};
-};
-
-
-
-/* -----------------------------------------------
- * Document Ready
- *  Dean Edwards/Matthias Miller/John Resig
- */
-/* for ie9+/Mozilla/Opera9 */
-if( document.addEventListener ){
-	X.Dom.Node._document.listenOnce( 'DOMContentLoaded', X.Dom._init );
-} else
-if( 5 <= X.UA.IE && X.inHead ){
-	// if this script in Head
-	document.write( "<script id=__ie_onload defer src=javascript:void(0)><\/script>" );
-	X.Dom._script = document.getElementById( "__ie_onload" );
-	X.Dom._script.onreadystatechange = function(){
-		this.readyState === 'complete' && X.Dom._init();
-	};
-} else
-if( X.UA.WebKit ){ // sniff
-	X.Timer.add( 10, function(){
-		if( !X.Dom._init ) return X.Callback.UN_LISTEN;
-		if( 'loaded|complete'.indexOf( document.readyState ) !== -1 ) return X.Dom._init();
-	});
-};
-
-/* for other browsers */
-X.Dom.Node._window.listenOnce( 'load', X.Dom._init );
-
-//
-X.Dom.listenOnce( X.Dom.Event.XDOM_READY, function(e){ console.log( 'X.Dom XDomReady ' + X.Dom.ready ) } );
-
-X.Dom.listenOnce( X.Dom.Event.VIEW_RESIZED, function(e){ console.log( 'X.Dom VIEW_RESIZED ' + e.w + 'x' + e.h ) } );
-
-
-/* --------------------------------------
- *  load
- */
-X.Dom.listenOnce( X.Dom.Event.DOM_INIT, function(){
-	
-	Node._html = document.documentElement ? new Node( document.documentElement ) : null;
-	
-	var r    = Node.root = new Node( document.body ),
-		body = r._rawNode,
-		createTree, n = 0, s;
-	r.appendTo = r.appendToRoot = r.before = r.after = r.clone = r.remove = r.destroy = r.prevNode = r.nextNode = new Function( 'return this' );
-	
-	if( body.childNodes ){
-		createTree = function( xnode, elm, skipCleanup ){
-			var	children = elm.childNodes,
-				i = 0,
-				l = children.length,
-				child, _xnode, text;
-			for( ; i < children.length; ){
-				child = children[ i ];
-				switch( child.nodeType ){
-					case 1 :
-						if( !xnode._xnodes ) xnode._xnodes = [];
-						xnode._xnodes[ xnode._xnodes.length ] = _xnode = new Node( child );
-						_xnode.parent = xnode;
-						child.childNodes.length && createTree( _xnode, child, skipCleanup || 0 <= X.skipCleanupTagNames.indexOf( child.tagName.toLowerCase() ) );
-						break;
-					case 3 :
-						if( skipCleanup || ( ( text = child.data ) && ( text = X.cleanupWhiteSpace( text ) ) !== ' ' ) ){
-							if( !skipCleanup ) child.data = text;
-							if( !xnode._xnodes ) xnode._xnodes = [];
-							xnode._xnodes[ xnode._xnodes.length ] = _xnode = new Node( child );
-							_xnode.parent = xnode;
-							break;							
-						};
-					default :
-						elm.removeChild( child );
-						++n;
-						continue;								
-				};
-				++i;
-			};
-		};
-		createTree( r, body );
-	} else
-	if( body.children ){
-		createTree = function( xnode, children, skipCleanup ){
-			var i = 0,
-				l = children.length,
-				j = 0,
-				child, _xnode, f, tag, text;
-
-			xnode._ie4dirtyChildren = true;
-			for( ; i < l; ++i ){
-				child = children[ i ];
-				if( child.tagName === '!' ) continue;
-				f = false;
-				while( j < xnode._xnodes.length ){
-					_xnode = xnode._xnodes[ j ];
-					_xnode.parent    = xnode;
-					_xnode._ie4dirty = true;
-					if( _xnode._xnodeType === 1 ){
-						tag = child.tagName.toLowerCase();
-						if( _xnode._tag !== tag ){
-							alert( _xnode._tag + ' !== ' + child.tagName + ' * ' + child.outerHTML );
-						} else {
-							_xnode._rawNode = child;
-							!( _xnode._id = child.getAttribute( 'id' ) ) && child.setAttribute( 'id', ( _xnode._ie4uid = 'ie4uid' + _xnode._uid ) );
-							child.setAttribute( 'UID', '' + _xnode._uid );
-							child.children.length && createTree( _xnode, child.children, skipCleanup || 0 <= X.skipCleanupTagNames.indexOf( tag ) );
-							f = true;
-							++j;
-							break;
-						};
-					} else
-					if( _xnode._xnodeType === 3 ){
-						if( !skipCleanup && ( !( text = _xnode._text ) || ( text = X.cleanupWhiteSpace( text ) ) === ' ' ) ){
-							_xnode.remove();
-							++n;
-							continue;
-						};
-						if( !skipCleanup ) _xnode._text = text;
-					};
-					++j;
-				};
-				if( !f ) alert( '**** ' + child.outerHTML );
-			};
-		};
-		
-		r._xnodes = [];
-		Node.skipCreate = true;
-		r._xnodes.push.apply( r._xnodes, X.Dom.parse( body.innerHTML, true ) );
-		delete Node.skipCreate;
-		createTree( r, body.children );
-		r._ie4reserveUpdate();
-		//alert(n +  ' ' + body.innerHTML);
-		r._ie4startUpdate();
-		//alert(n +  ' ' + body.innerHTML);
-	} else {
-		
-	};
-	
-	//r.width  = new Function( 'return X.Dom.getSize()[ 0 ]' );
-	//r.height = new Function( 'return X.Dom.getSize()[ 1 ]' );
-	
-	Node._systemNode = r.create( 'div' ).className( 'hidden-sysyem-node' );
-	r._xnodes.splice( r._xnodes.indexOf( Node._systemNode ), 1 ); // hide from api user
-} );
\ No newline at end of file
+/**
+ * use X.Callback
+ * 
+ * http://d.hatena.ne.jp/uupaa/20100430/1272561922
+ * 
+ */
+
+if( X.Dom.EVENT_W3C ){
+	X.Dom.Event = function( e, xnode ){
+		var touch0;
+		//this._event        = e;
+		this.type          = X.Dom.Event.RenameTo[ e.type ] || e.type;
+		
+		//http://www.quirksmode.org/js/events_properties.html
+		if( e.target ){
+			this.target        = Node._getXNode( e.target.nodeType === 3 ? e.target.parentNode : e.target );// defeat Safari bug // xnode
+		};
+		if( e.relatedTarget ){
+			this.relatedTarget = Node._getXNode( e.relatedTarget.nodeType === 3 ? e.relatedTarget.parentNode : e.relatedTarget ); // xnode
+		};
+		
+		this.currentTarget = xnode; // xnode
+		this.eventPhase    = e.eventPhase;
+		
+		this.clientX       = e.clientX;
+		this.clientY       = e.clientY;
+		//this.screenX       = e.screenX;
+		//this.screenY       = e.screenY;
+		this.pageX         = e.pageX;
+		this.pageY         = e.pageY;
+		this.offsetX       = e.offsetX || e.layerX;
+		this.offsetY       = e.offsetY || e.layerY;
+		
+		this.keyCode       = e.keyCode;
+		this.altKey        = e.altKey;
+		this.ctrlKey       = e.ctrlKey;
+		this.shiftKey      = e.shiftKey;
+		
+		// http://www.programming-magic.com/20090127231544/
+		this.which         = e.which || ( e.button + 1 ); // 左:1, 中:2, 右:3
+		
+		// https://developer.mozilla.org/ja/docs/DOM/DOM_event_reference/mousewheel
+		
+		// TODO
+		// axis
+		// https://w3g.jp/blog/tools/wheelevent_crossbrowser
+		// ホイール系イベント2014年版クロスブラウザ
+		if( e.wheelDeltaY !== undefined ){
+			this.wheelDeltaX = e.wheelDeltaX / 12;
+			this.wheelDeltaY = e.wheelDeltaY / 12;
+		} else
+		if( e.wheelDelta !== undefined ){
+			this.wheelDeltaX = this.wheelDeltaY = e.wheelDelta / 12;
+		} else
+		if( e.detail !== undefined ){
+			this.wheelDeltaX = this.wheelDeltaY = - e.detail * 3;
+		} else {
+			this.wheelDeltaX = this.wheelDeltaY = 0;
+		};
+		
+		if( /* e.constructor === window.TouchEvent || */ e.touches /* for iOS3.13 */ ){
+			// TouchEvent
+			this.touches        = e.touches;
+			this.changedTouches = e.changedTouches;
+			this.targetTouches  = e.targetTouches;
+			this.metaKey        = e.metaKey;
+			this.force          = e.force || e.webkitForce || 0;
+			//
+			if( this.touches.length ){
+				touch0             = this.touches[ 0 ];
+				this.clientX       = touch0.clientX;
+				this.clientY       = touch0.clientY;
+				this.pageX         = touch0.pageX;
+				this.pageY         = touch0.pageY;
+				this.offsetX       = touch0.offsetX || touch0.layerX;
+				this.offsetY       = touch0.offsetY || touch0.layerY;
+			};
+		} else
+		if( e.constructor === window.PointerEvent ){
+			// PointerEvent;
+			this.currentPoint  = e.currentPoint;
+			this.width         = e.width;
+			this.height        = e.height;
+			this.timeStamp     = e.timeStamp;
+			this.hwTimestamp   = e.hwTimestamp;
+			this.intermediatePoints = e.intermediatePoints;
+			this.isPrimary     = e.isPrimary;
+			this.pointerId     = e.pointerId;
+			this.pointerType   = e.pointerType;
+			this.pressure      = e.pressure;
+			this.tiltX         = e.tiltX;
+			this.tiltY         = e.tiltY;
+		};
+	};
+	if( !window.PointerEvent && window.MSPointerEvent ){
+		window.PointerEvent = window.MSPointerEvent;
+	};
+} else {
+	X.Dom.Event = function( e, xnode, element ){
+		var btn;
+		
+		//this._event        = e;
+		this.type          = e.type;
+		this.target        = Node._getXNode( e.srcElement ); // xnode
+		if( this.target && this.target._xnodeType === 3 ) this.target = this.target.parent; // ie4 の fake Textnode がヒットしていないか？
+		this.currentTarget = xnode; // xnode
+		this.relatedTarget = Node._getXNode( e.formElement ? e.formElement : e.toElement ); // xnode
+		this.eventPhase    = e.srcElement === element ? 2: 3;
+		
+		this.clientX       = e.clientX;
+		this.clientY       = e.clientY;
+		//this.screenX       = e.screenX;
+		//this.screenY       = e.screenY;
+		
+		if( X.Dom._root ){ // uuu...
+			
+			this.pageX         = e.clientX + X.Dom._root.scrollLeft;
+			this.pageY         = e.clientY + X.Dom._root.scrollTop;
+			
+			// DOMAssistant 2.8.1
+			//event.pageX = DOMAssistant.def(e.pageX)? e.pageX : (event.clientX + (de.scrollLeft || b.scrollLeft) - (de.clientLeft || 0));
+			//event.pageY = DOMAssistant.def(e.pageY)? e.pageY : (event.clientY + (de.scrollTop || b.scrollTop) - (de.clientTop || 0));							
+		};
+		
+
+		
+		if( 5 <= X.UA.IE ){
+			this.offsetX       = e.offsetX; // イベントターゲット左上からの座標
+			this.offsetY       = e.offsetY;			
+		}// else
+		//if( e.srcElement ){
+		//	this.offsetX       = e.x - e.srcElement.offsetLeft; // e.x はイベント発生要素の親要素を基準にした座標。
+		//	this.offsetY       = e.y - e.srcElement.offsetTop;	
+		//};
+		
+		this.keyCode       = e.keyCode;
+		this.altKey        = e.altKey;
+		this.ctrlKey       = e.ctrlKey;
+		this.shiftKey      = e.shiftKey;
+		
+		// http://www.programming-magic.com/20090127231544/
+		switch( this.type ){
+			case 'click'    :
+			case 'dblclick' :
+				this.which = 1;
+				break;
+			case 'contextmenu' :
+				this.which = 3;
+				break;
+			default :
+				btn = e.button;
+				this.which =
+					btn & 1 ? 1 :
+					btn & 4 ? 2 :
+					btn & 2 ? 3 : 0; // 左:1(click:0), 中:4, 右:2
+		};
+		this.wheelDeltaX = this.wheelDeltaY = e.wheelDelta / 12;
+	};
+};
+
+X.Dom.Event.DOM_PRE_INIT        = ++X.Event._LAST_EVENT;
+X.Dom.Event.DOM_BUILDER_COMPLETE= ++X.Event._LAST_EVENT;
+X.Dom.Event.DOM_INIT            = ++X.Event._LAST_EVENT;
+X.Dom.Event.XDOM_READY          = ++X.Event._LAST_EVENT;
+X.Dom.Event.VIEW_ACTIVATE       = ++X.Event._LAST_EVENT;
+X.Dom.Event.VIEW_DEACTIVATE     = ++X.Event._LAST_EVENT;
+X.Dom.Event.VIEW_RESIZED        = ++X.Event._LAST_EVENT;
+X.Dom.Event.VIEW_TURNED         = ++X.Event._LAST_EVENT;
+X.Dom.Event.BASE_FONT_RESIZED   = ++X.Event._LAST_EVENT;
+// same_page_jump
+// on_screen_keyboard_show
+// on_screen_keyboard_hide
+// X.Dom.Event.BEFORE_UPDATE       = ++X.Event._LAST_EVENT; // このイベントで要素のサイズを取得すると無限ループに！
+X.Dom.Event.AFTER_UPDATE        = ++X.Event._LAST_EVENT;
+// hash_change
+X.Dom.Event.BEFORE_UNLOAD       = ++X.Event._LAST_EVENT;
+X.Dom.Event.UNLOAD              = ++X.Event._LAST_EVENT;
+X.Dom.Event.LOAD_BEFORE_STOP    = ++X.Event._LAST_EVENT;
+X.Dom.Event.LOAD_ASSET_STOP     = ++X.Event._LAST_EVENT;
+X.Dom.Event.LOAD_ASSET_COMPLETE = ++X.Event._LAST_EVENT;
+X.Dom.Event.LOAD_ASSET_ERROR    = ++X.Event._LAST_EVENT;
+
+X.Dom.Event.ANIME_BEFORE_START  = ++X.Event._LAST_EVENT;
+X.Dom.Event.ANIME_START         = ++X.Event._LAST_EVENT;
+X.Dom.Event.ANIME               = ++X.Event._LAST_EVENT;
+X.Dom.Event.ANIME_END           = ++X.Event._LAST_EVENT;
+X.Dom.Event.ANIME_BEFORE_STOP   = ++X.Event._LAST_EVENT; // xnode.stop() のみ、指定時間による停止では呼ばれない
+X.Dom.Event.ANIME_STOP          = ++X.Event._LAST_EVENT;
+X.Dom.Event._LAST_EVENT         = X.Event._LAST_EVENT; // ここに書いてあるイベントの最後の値 X.Dom.Event.ANIME_STOP と同じ値
+
+X.Dom.Event.Rename = {};
+X.Dom.Event.RenameTo = {};
+// https://github.com/georgeadamson/jQuery.prefixfree-events/blob/master/jQuery.prefixfree-events.js
+
+// DOMMoseScroll
+if( X.UA.Gecko && window.MouseScrollEvent ){
+	if( 2 <= X.UA.Gecko || ( 1.9 < X.UA.Gecko && 1 <= X.UA.GeckoPatch ) ){ // Gecko 1.9.1+ (firefox3.5+)
+		console.log( 'mousewheel <= MozMousePixelScroll' );
+		X.Dom.Event.Rename[ 'mousewheel' ] = 'MozMousePixelScroll';
+	} else
+	if( 0.9 < X.UA.Gecko && 7 <= X.UA.GeckoPatch ){ // Gecko 0.9.7+ (NN6.2+?)
+		console.log( 'mousewheel <= DOMMouseScroll' );
+		X.Dom.Event.Rename[ 'mousewheel' ] = 'DOMMouseScroll';
+	};
+};
+
+if( window.onwebkitanimationend !== undefined && window.onanimationend === undefined ){
+	console.log( 'animationend <= webkitAnimationEnd' );
+	X.Dom.Event.Rename[ 'animationend' ]        = 'webkitAnimationEnd';
+	X.Dom.Event.Rename[ 'animationstart' ]      = 'webkitAnimationStart';
+	X.Dom.Event.Rename[ 'animationiteration' ]  = 'webkitAnimationIteration';
+} else
+if( window.onoanimationend !== undefined && window.onanimationend === undefined ){
+	console.log( 'animationend <= oAnimationEnd' );
+	X.Dom.Event.Rename[ 'animationend' ]        = 'oAnimationEnd';
+	X.Dom.Event.Rename[ 'animationstart' ]      = 'oAnimationStart';
+	X.Dom.Event.Rename[ 'animationiteration' ]  = 'oAnimationIteration';
+} else
+/*
+if( window.onmozanimationend !== undefined && window.onanimationend === undefined ){
+	  X.Dom.Event.Rename[ 'animationend' ]          = 'mozAnimationEnd';
+	X.Dom.Event.RenameTo[ 'mozAnimationEnd' ]       = 'animationend';
+	  X.Dom.Event.Rename[ 'animationstart' ]        = 'mozAnimationStart';
+	X.Dom.Event.RenameTo[ 'mozAnimationStart' ]     = 'animationstart';
+	  X.Dom.Event.Rename[ 'animationiteration' ]    = 'mozAnimationIteration';
+	X.Dom.Event.RenameTo[ 'mozAnimationIteration' ] = 'animationiteration';
+} else*/
+if( document.documentElement && document.documentElement.style.msAnimation !== undefined && document.documentElement.style.animation === undefined ){ //document.documentElement.style.msAnimation 
+	console.log( 'animationend <= MSAnimationEnd' );
+	X.Dom.Event.Rename[ 'animationend' ]         = 'MSAnimationEnd';
+	X.Dom.Event.Rename[ 'animationstart' ]       = 'MSAnimationStart';
+	X.Dom.Event.Rename[ 'animationiteration' ]   = 'MSAnimationIteration';
+};
+// https://developer.mozilla.org/en-US/docs/Web/Events/transitionend
+// chrome1+, firefox4+, IE10+, Opera10.5+, Safari3.2+, Android2.1+
+if( window.onwebkittransitionend !== undefined && window.ontransitionend === undefined ){
+	console.log( 'transitionend <= webkitTransitionEnd' );
+	X.Dom.Event.Rename[ 'transitionend' ]      = 'webkitTransitionEnd';
+} else
+if( window.onotransitionend !== undefined && window.ontransitionend === undefined ){
+	if( X.UA.Opera < 12 ){
+		console.log( 'transitionend <= oTransitionEnd|ver.' + X.UA.Opera );
+		X.Dom.Event.Rename[ 'transitionend' ]  = 'oTransitionEnd';
+	} else {
+		console.log( 'transitionend <= otransitionEnd|ver.' + X.UA.Opera );
+		X.Dom.Event.Rename[ 'transitionend' ]  = 'otransitionEnd';
+	};
+} else
+if( window.onmoztransitionend !== undefined && window.ontransitionend === undefined ){
+	console.log( 'transitionend <= mozTransitionEnd' );
+	X.Dom.Event.Rename[ 'transitionend' ]    = 'mozTransitionEnd';
+};
+
+
+if( navigator.msPointerEnabled && !navigator.pointerEnabled ){
+	console.log( 'pointerdown <= MSPointerDown' );
+	X.Dom.Event.Rename[ 'pointerdown'     ] = 'MSPointerDown';
+	X.Dom.Event.Rename[ 'pointerup'       ] = 'MSPointerUp';
+	X.Dom.Event.Rename[ 'pointermove'     ] = 'MSPointerMove';
+	X.Dom.Event.Rename[ 'pointercancel'   ] = 'MSPointerCancel';
+};
+
+(function( rename, renameTo ){
+	for( var k in rename ){
+		renameTo[ rename[ k ] ] = k;
+	};
+})( X.Dom.Event.Rename, X.Dom.Event.RenameTo );
+
+X.Dom.Node.prototype.listen = function( type /* , arg1, arg2, arg3[ listener || ( context + function ) || function ][ arguments ] */ ){
+	if( this._xnodeType === 0 || this._xnodeType === 3 ) return this;
+	
+	( !this._listeners || !this._listeners[ type ] ) && X.Type.isString( type ) && this._addEvent( type );
+	
+	return X.EventDispatcher.prototype.listen.apply( this, arguments );
+};
+
+X.Dom.Node.prototype._addEvent =
+	// Days on the Moon DOM Events とブラウザの実装 
+	// http://nanto.asablo.jp/blog/2007/03/23/1339502
+	// Safari 2 では関数オブジェクトしか EventListener として使えませんが、Safari のナイトリービルドでは handleEvent メソッドを持つオブジェクトも EventListener として使えるようです。
+	X.Dom.EVENT_W3C && ( X.UA.WebKit < 525.13 || X.UA.Opera7 ) ? // Safari3-
+		(function( type ){
+			var raw = this._rawNode;
+			if( !raw ) return;
+			this._handleEvent = this._handleEvent || X.Callback.create( this );
+			if( raw.addEventListener ){
+				raw.addEventListener( type, this._handleEvent, false );
+			} else {
+				// Safari は Image, Opera7 は window
+				raw[ 'on' + type ] = this._handleEvent;
+			};
+		}) :
+	X.Dom.EVENT_W3C ?
+		(function( type ){
+			this._rawNode && this._rawNode.addEventListener( X.Dom.Event.Rename[ type ] || type, this, false );
+		}) :
+	X.Dom.EVENT_IE ?
+		(function( type ){
+			var raw = this._rawNode;
+			if( !raw ) return;
+			this._handleEvent = this._handleEvent || X.Callback.create( this );
+			if( raw.attachEvent ){
+				raw.attachEvent( 'on' + type, this._handleEvent );
+			} else {
+				raw[ 'on' + type ] = this._handleEvent;
+			};
+		}) :
+		(function( type ){
+			var raw = this._rawNode || ( this._ie4getRawNode && this._ie4getRawNode() );
+			if( !raw ) return;
+			raw[ 'on' + type ] = this._handleEvent = this._handleEvent || X.Callback.create( this );
+		});
+
+
+X.Dom.Node.prototype.unlisten = function( type /* , arg1, arg2, arg3 */ ){
+	var list = this._listeners,
+		l    = !this._dispatching && list && type !== undefined && list[ type ] && list[ type ].length;
+	
+	X.EventDispatcher.prototype.unlisten.apply( this, arguments );
+	
+	l && !list[ type ] && X.Type.isString( type ) && this._removeEvent( type );
+	
+	return this;
+};
+
+X.Dom.Node.prototype._removeEvent =
+	X.Dom.EVENT_W3C && ( X.UA.WebKit < 525.13 || X.UA.Opera7 ) ? // Safari3-
+		(function( type ){
+			var raw = this._rawNode;
+			if( !raw ) return;
+			
+			if( raw.addEventListener ){ // Image
+				raw.removeEventListener( type, this._handleEvent, false );
+			} else {
+				raw[ 'on' + type ] = null;
+			};
+			if( !this._listeners ){
+				X.Callback._correct( this._handleEvent );
+				delete this._handleEvent;
+			};
+		}) :
+	X.Dom.EVENT_W3C ?
+		(function( type ){
+			var raw = this._rawNode;
+			if( !raw ) return;
+			raw.removeEventListener( X.Dom.Event.Rename[ type ] || type, this, false );
+		}) :
+	X.Dom.EVENT_IE ?
+		(function( type ){
+			var raw = this._rawNode;
+			if( !raw ) return;
+			if( raw.attachEvent ){
+				raw.detachEvent( 'on' + type, this._handleEvent );
+			} else {
+				raw[ 'on' + type ] = X.emptyFunction;
+				raw[ 'on' + type ] = '';
+			};
+			if( !this._listeners ){
+				X.Callback._correct( this._handleEvent );
+				delete this._handleEvent;
+			};
+		}) :
+		(function( type ){
+			var raw = this._rawNode || ( this._ie4getRawNode && this._ie4getRawNode() );
+			if( !raw ) return;
+			raw[ 'on' + type ] = X.emptyFunction;
+			raw[ 'on' + type ] = '';
+			if( !this._listeners ){
+				X.Callback._correct( this._handleEvent );
+				delete this._handleEvent;
+			};
+		});
+
+// Is this in regard to the Safari 1.x preventDefault bug on click/dblclick?
+// https://groups.google.com/forum/#!msg/comp.lang.javascript/uYEuCHjHxnw/yKoHtZJPa1QJ
+X.Dom.Node.prototype.handleEvent =
+	X.UA.IE < 9 ? // ie45678 EVENT_IE & EVENT_DOM0 for ie4
+		(function(){
+			var ret = X.EventDispatcher.prototype.dispatch.call( this, new X.Dom.Event( event, this, this._rawNode ) );
+
+			if( ret & X.Callback.STOP_PROPAGATION ){
+				event.cancelBubble = true;
+			};
+			if( ret & X.Callback.PREVENT_DEFAULT ){
+				this._tag === 'A' && this._rawNode.blur();
+				return event.returnValue = false;
+			};
+		}) :
+	//X.Dom.EVENT_W3C & EVENT_DOM0 for NetFront
+		(function( e ){
+			var ret = X.EventDispatcher.prototype.dispatch.call( this, new X.Dom.Event( e, this ) );
+			
+			if( ret & X.Callback.STOP_PROPAGATION ){
+				e.stopPropagation();
+			};
+			if( ret & X.Callback.PREVENT_DEFAULT ){
+				this._tag === 'A' && this._rawNode.blur();
+				e.preventDefault();
+				if( X.UA.WebKit < 525.13 ){ // Safari3-
+					if( e.type === 'click' || e.type === 'dbclick' ){
+						X.Dom._safariPreventDefault = true;
+					};
+				};
+				return false;
+			};
+		});
+
+
+// イベントの退避、dom が画面から抜かれる場合に実施しておく
+X.Dom.Node.prototype._migrateEvent = function(){
+	var hash = this._listeners,
+		type;
+	if( !hash ) return;
+	for( type in hash ){
+		// 数字イベントの除外
+		/*'' + parseFloat( type ) !== type && */this._removeEvent( type );
+	};
+};
+
+// 退避したイベントの復帰
+X.Dom.Node.prototype._restoreEvent = function(){
+	var hash = this._listeners,
+		type;
+	if( !hash ) return;
+	for( type in hash ){
+		// 数字イベントの除外
+		/*'' + parseFloat( type ) !== type && */ this._addEvent( type );
+	};
+};
+
+/* -----------------------------------------------
+ * Document Ready
+ *  Dean Edwards/Matthias Miller/John Resig
+ */
+
+// SafariでJavaScriptのデバッグをする方法
+// safari1.3 可
+// http://shimax.cocolog-nifty.com/search/2006/09/safarijavascrip_c54d.html
+
+/* for ie9+/Mozilla/Opera9 */
+if( X.Dom.EVENT_W3C ){
+	Node._document.listenOnce( 'DOMContentLoaded', X.Dom._init );
+} else
+if( 6 <= X.UA.IE && X.inHead ){
+	// if this script in Head
+	document.write( "<script id=__ie_onload defer src=javascript:void(0)><\/script>" );
+	X.Dom._script = document.getElementById( "__ie_onload" );
+	X.Dom._script.onreadystatechange = function(){
+		var s = X.Dom._script;
+		if( s && s.readyState === 'complete' ){
+			s.onreadystatechange = X.emptyFunction;
+			s.onreadystatechange = null;
+			s.parentNode.removeChild( s );
+			delete X.Dom._script;
+			X.Dom._init && X.Dom._init();
+		};
+	};
+};
+// Re: onLoad doesn't work with Safari?
+// http://lists.apple.com/archives/web-dev/2003/Oct/msg00036.html
+if( X.UA.WebKit || ( X.UA.Safari && X.UA.Safari < 3 ) ){ // sniff
+	X.Timer.add( 10, function(){
+		if( !X.Dom._init ) return X.Callback.UN_LISTEN;
+		if( 'loaded|complete'.indexOf( document.readyState ) !== -1 ) return X.Dom._init();
+	});
+};
+
+/* for other browsers */
+Node._window.listenOnce( 'load', X.Dom._init );
+//
+X.Dom.listenOnce( X.Dom.Event.XDOM_READY, function(e){
+	console.log( 'X.Dom XDomReady ' + X.Dom.readyState );
+} );
+
+if( X.UA.WebKit < 525.13 ){ // Safari3-
+	document.documentElement.onclick =
+	document.documentElement.ondbclick = function( e ){
+			if( X.Dom._safariPreventDefault ){
+				X.Dom._safariPreventDefault = false;
+				e.preventDefault();
+				return false;
+			};
+		};
+};
+
+X.Dom.listen( X.Dom.Event.VIEW_RESIZED, function(e){ console.log( 'X.Dom VIEW_RESIZED ' + e.w + 'x' + e.h ); } );
+