4 * http://d.hatena.ne.jp/uupaa/20100430/1272561922
\r
5 * event.offsetX と offsetY の互換性について
\r
9 if( !X.UA.IE || 9 <= X.UA.IE ){
\r
10 X.Dom.Event = function( e, xnode ){
\r
13 this.type = X.Dom.Event.RenameTo[ e.type ] || e.type;
\r
15 //http://www.quirksmode.org/js/events_properties.html
\r
17 this.target = Node._getXNode( e.target.nodeType === 3 ? e.target.parentNode : e.target );// defeat Safari bug // xnode
\r
19 if( e.relatedTarget ){
\r
20 this.relatedTarget = Node._getXNode( e.relatedTarget.nodeType === 3 ? e.relatedTarget.parentNode : e.relatedTarget ); // xnode
\r
23 this.currentTarget = xnode; // xnode
\r
24 this.eventPhase = e.eventPhase;
\r
26 this.clientX = e.clientX;
\r
27 this.clientY = e.clientY;
\r
28 //this.screenX = e.screenX;
\r
29 //this.screenY = e.screenY;
\r
30 this.pageX = e.pageX;
\r
31 this.pageY = e.pageY;
\r
32 this.offsetX = e.offsetX || e.layerX || 0; // 要素上の座標を取得
\r
33 this.offsetY = e.offsetY || e.layerY || 0;
\r
35 this.keyCode = e.keyCode;
\r
36 this.altKey = e.altKey;
\r
37 this.ctrlKey = e.ctrlKey;
\r
38 this.shiftKey = e.shiftKey;
\r
40 // http://www.programming-magic.com/20090127231544/
\r
41 this.which = e.which || ( e.button + 1 ); // 左:1, 中:2, 右:3
\r
42 this.button = e.button;
\r
44 // https://developer.mozilla.org/ja/docs/DOM/DOM_event_reference/mousewheel
\r
48 // https://w3g.jp/blog/tools/wheelevent_crossbrowser
\r
49 // ホイール系イベント2014年版クロスブラウザ
\r
50 if( e.deltaY !== undefined ){
\r
51 this.deltaX = e.deltaX;
\r
52 this.deltaY = e.deltaY;
\r
54 if( e.wheelDeltaY !== undefined ){
\r
55 this.deltaX = e.wheelDeltaX / 120;
\r
56 this.deltaY = e.wheelDeltaY / 120;
\r
58 if( e.wheelDelta !== undefined ){
\r
60 this.deltaY = e.wheelDelta / -120;
\r
62 if( e.detail !== undefined ){
\r
64 this.deltaY = e.type === 'MozMousePixelScroll' ? e.detail / 45 : e.detail / 3; // 3
\r
66 this.deltaX = this.deltaY = 0;
\r
69 if( /* e.constructor === window.TouchEvent || */ e.touches /* for iOS3.13 */ ){
\r
71 this.touches = e.touches;
\r
72 this.changedTouches = e.changedTouches;
\r
73 this.targetTouches = e.targetTouches;
\r
74 this.metaKey = e.metaKey;
\r
75 this.force = e.force || e.webkitForce || 0;
\r
77 if( this.touches.length ){
\r
78 touch0 = this.touches[ 0 ];
\r
79 this.clientX = touch0.clientX;
\r
80 this.clientY = touch0.clientY;
\r
81 this.pageX = touch0.pageX;
\r
82 this.pageY = touch0.pageY;
\r
83 this.offsetX = touch0.offsetX || touch0.layerX;
\r
84 this.offsetY = touch0.offsetY || touch0.layerY;
\r
87 if( e.constructor === window.PointerEvent ){
\r
89 this.currentPoint = e.currentPoint;
\r
90 this.width = e.width;
\r
91 this.height = e.height;
\r
92 this.timeStamp = e.timeStamp;
\r
93 this.hwTimestamp = e.hwTimestamp;
\r
94 this.intermediatePoints = e.intermediatePoints;
\r
95 this.isPrimary = e.isPrimary;
\r
96 this.pointerId = e.pointerId;
\r
97 this.pointerType = e.pointerType;
\r
98 this.pressure = e.pressure;
\r
99 this.tiltX = e.tiltX;
\r
100 this.tiltY = e.tiltY;
\r
103 if( !window.PointerEvent && window.MSPointerEvent ){
\r
104 window.PointerEvent = window.MSPointerEvent;
\r
107 X.Dom.Event = function( e, xnode, element, opt_type ){
\r
111 this.type = X.Dom.Event.RenameTo[ e.type ] || e.type || opt_type;
\r
112 this.target = Node._getXNode( e.srcElement ); // xnode
\r
113 if( this.target && this.target._xnodeType === 3 ) this.target = this.target.parent; // ie4 の fake Textnode がヒットしていないか?
\r
114 this.currentTarget = xnode; // xnode
\r
115 this.relatedTarget = Node._getXNode( e.formElement ? e.formElement : e.toElement ); // xnode
\r
116 this.eventPhase = e.srcElement === element ? 2: 3;
\r
118 this.clientX = e.clientX;
\r
119 this.clientY = e.clientY;
\r
120 //this.screenX = e.screenX;
\r
121 //this.screenY = e.screenY;
\r
123 if( X.Dom._root ){ // uuu...
\r
125 this.pageX = e.clientX + X.Dom._root.scrollLeft;
\r
126 this.pageY = e.clientY + X.Dom._root.scrollTop;
\r
128 // DOMAssistant 2.8.1
\r
129 //event.pageX = DOMAssistant.def(e.pageX)? e.pageX : (event.clientX + (de.scrollLeft || b.scrollLeft) - (de.clientLeft || 0));
\r
130 //event.pageY = DOMAssistant.def(e.pageY)? e.pageY : (event.clientY + (de.scrollTop || b.scrollTop) - (de.clientTop || 0));
\r
135 if( 5 <= X.UA.IE ){
\r
136 this.offsetX = e.offsetX; // イベントターゲット左上からの座標
\r
137 this.offsetY = e.offsetY;
\r
139 //if( e.srcElement ){
\r
140 // this.offsetX = e.x - e.srcElement.offsetLeft; // e.x はイベント発生要素の親要素を基準にした座標。
\r
141 // this.offsetY = e.y - e.srcElement.offsetTop;
\r
144 this.keyCode = e.keyCode;
\r
145 this.altKey = e.altKey;
\r
146 this.ctrlKey = e.ctrlKey;
\r
147 this.shiftKey = e.shiftKey;
\r
149 // http://www.programming-magic.com/20090127231544/
\r
150 switch( this.type ){
\r
155 case 'contextmenu' :
\r
163 btn & 2 ? 3 : 0; // 左:1(click:0), 中:4, 右:2
\r
165 this.button = this.which - 1;
\r
167 this.deltaY = e.wheelDelta / -120;
\r
169 if( this.type === 'wheel' ) console.log( e.wheelDelta );
\r
173 X.Dom.Event.DOM_PRE_INIT = ++X.Event._LAST_EVENT;
\r
174 X.Dom.Event.DOM_BUILDER_COMPLETE= ++X.Event._LAST_EVENT;
\r
175 X.Dom.Event.DOM_INIT = ++X.Event._LAST_EVENT;
\r
176 X.Dom.Event.XDOM_READY = ++X.Event._LAST_EVENT;
\r
177 X.Dom.Event.VIEW_ACTIVATE = ++X.Event._LAST_EVENT;
\r
178 X.Dom.Event.VIEW_DEACTIVATE = ++X.Event._LAST_EVENT;
\r
179 X.Dom.Event.VIEW_RESIZED = ++X.Event._LAST_EVENT;
\r
180 X.Dom.Event.VIEW_TURNED = ++X.Event._LAST_EVENT;
\r
181 X.Dom.Event.BASE_FONT_RESIZED = ++X.Event._LAST_EVENT;
\r
183 // on_screen_keyboard_show
\r
184 // on_screen_keyboard_hide
\r
185 // X.Dom.Event.BEFORE_UPDATE = ++X.Event._LAST_EVENT; // このイベントで要素のサイズを取得すると無限ループに!
\r
186 X.Dom.Event.AFTER_UPDATE = ++X.Event._LAST_EVENT;
\r
188 X.Dom.Event.BEFORE_UNLOAD = ++X.Event._LAST_EVENT;
\r
189 X.Dom.Event.UNLOAD = ++X.Event._LAST_EVENT;
\r
191 X.Dom.Event.ANIME_BEFORE_START = ++X.Event._LAST_EVENT;
\r
192 X.Dom.Event.ANIME_START = ++X.Event._LAST_EVENT;
\r
193 X.Dom.Event.ANIME = ++X.Event._LAST_EVENT;
\r
194 X.Dom.Event.ANIME_END = ++X.Event._LAST_EVENT;
\r
195 X.Dom.Event.ANIME_BEFORE_STOP = ++X.Event._LAST_EVENT; // xnode.stop() のみ、指定時間による停止では呼ばれない
\r
196 X.Dom.Event.ANIME_STOP = ++X.Event._LAST_EVENT;
\r
197 X.Dom.Event._LAST_EVENT = X.Event._LAST_EVENT; // ここに書いてあるイベントの最後の値 X.Dom.Event.ANIME_STOP と同じ値
\r
199 // TODO load -> readystatechange this.readyState === "loaded" || this.readyState === "complete"
\r
200 X.Dom.Event._LOAD_FIX_TAGS = {
\r
206 X.Dom.Event.Rename = {};
\r
207 X.Dom.Event.RenameTo = {};
\r
208 // https://github.com/georgeadamson/jQuery.prefixfree-events/blob/master/jQuery.prefixfree-events.js
\r
209 // https://developer.mozilla.org/en-US/docs/Web/Events/wheel
\r
211 if( document.onwheel === undefined ){
\r
213 if( X.UA.Gecko && window.MouseScrollEvent ){
\r
214 if( 2 <= X.UA.Gecko || ( 1.9 < X.UA.Gecko && 1 <= X.UA.GeckoPatch ) ){ // Gecko 1.9.1+ (firefox3.5+)
\r
215 console.log( 'wheel <= MozMousePixelScroll' );
\r
216 X.Dom.Event.Rename[ 'wheel' ] = 'MozMousePixelScroll';
\r
218 if( 0.9 < X.UA.Gecko && 7 <= X.UA.GeckoPatch ){ // Gecko 0.9.7+ (NN6.2+?)
\r
219 console.log( 'wheel <= DOMMouseScroll' );
\r
220 X.Dom.Event.Rename[ 'wheel' ] = 'DOMMouseScroll';
\r
223 X.Dom.Event.Rename[ 'wheel' ] = 'mousewheel';
\r
225 if( document.onmousewheel !== undefined ){ // Opera で判定失敗
\r
226 X.Dom.Event.Rename[ 'wheel' ] = 'mousewheel';
\r
232 if( window.onwebkitanimationend !== undefined && window.onanimationend === undefined ){
\r
233 console.log( 'animationend <= webkitAnimationEnd' );
\r
234 X.Dom.Event.Rename[ 'animationend' ] = 'webkitAnimationEnd';
\r
235 X.Dom.Event.Rename[ 'animationstart' ] = 'webkitAnimationStart';
\r
236 X.Dom.Event.Rename[ 'animationiteration' ] = 'webkitAnimationIteration';
\r
238 if( window.onoanimationend !== undefined && window.onanimationend === undefined ){
\r
239 console.log( 'animationend <= oAnimationEnd' );
\r
240 X.Dom.Event.Rename[ 'animationend' ] = 'oAnimationEnd';
\r
241 X.Dom.Event.Rename[ 'animationstart' ] = 'oAnimationStart';
\r
242 X.Dom.Event.Rename[ 'animationiteration' ] = 'oAnimationIteration';
\r
245 if( window.onmozanimationend !== undefined && window.onanimationend === undefined ){
\r
246 X.Dom.Event.Rename[ 'animationend' ] = 'mozAnimationEnd';
\r
247 X.Dom.Event.RenameTo[ 'mozAnimationEnd' ] = 'animationend';
\r
248 X.Dom.Event.Rename[ 'animationstart' ] = 'mozAnimationStart';
\r
249 X.Dom.Event.RenameTo[ 'mozAnimationStart' ] = 'animationstart';
\r
250 X.Dom.Event.Rename[ 'animationiteration' ] = 'mozAnimationIteration';
\r
251 X.Dom.Event.RenameTo[ 'mozAnimationIteration' ] = 'animationiteration';
\r
253 if( document.documentElement && document.documentElement.style.msAnimation !== undefined && document.documentElement.style.animation === undefined ){ //document.documentElement.style.msAnimation
\r
254 console.log( 'animationend <= MSAnimationEnd' );
\r
255 X.Dom.Event.Rename[ 'animationend' ] = 'MSAnimationEnd';
\r
256 X.Dom.Event.Rename[ 'animationstart' ] = 'MSAnimationStart';
\r
257 X.Dom.Event.Rename[ 'animationiteration' ] = 'MSAnimationIteration';
\r
259 // https://developer.mozilla.org/en-US/docs/Web/Events/transitionend
\r
260 // chrome1+, firefox4+, IE10+, Opera10.5+, Safari3.2+, Android2.1+
\r
261 if( window.onwebkittransitionend !== undefined && window.ontransitionend === undefined ){
\r
262 console.log( 'transitionend <= webkitTransitionEnd' );
\r
263 X.Dom.Event.Rename[ 'transitionend' ] = 'webkitTransitionEnd';
\r
265 if( window.onotransitionend !== undefined && window.ontransitionend === undefined ){
\r
266 if( X.UA.Opera < 12 ){
\r
267 console.log( 'transitionend <= oTransitionEnd|ver.' + X.UA.Opera );
\r
268 X.Dom.Event.Rename[ 'transitionend' ] = 'oTransitionEnd';
\r
270 console.log( 'transitionend <= otransitionEnd|ver.' + X.UA.Opera );
\r
271 X.Dom.Event.Rename[ 'transitionend' ] = 'otransitionEnd';
\r
274 if( window.onmoztransitionend !== undefined && window.ontransitionend === undefined ){
\r
275 console.log( 'transitionend <= mozTransitionEnd' );
\r
276 X.Dom.Event.Rename[ 'transitionend' ] = 'mozTransitionEnd';
\r
280 if( navigator.msPointerEnabled && !navigator.pointerEnabled ){
\r
281 console.log( 'pointerdown <= MSPointerDown' );
\r
282 X.Dom.Event.Rename[ 'pointerdown' ] = 'MSPointerDown';
\r
283 X.Dom.Event.Rename[ 'pointerup' ] = 'MSPointerUp';
\r
284 X.Dom.Event.Rename[ 'pointermove' ] = 'MSPointerMove';
\r
285 X.Dom.Event.Rename[ 'pointercancel' ] = 'MSPointerCancel';
\r
288 (function( rename, renameTo ){
\r
289 for( var k in rename ){
\r
290 renameTo[ rename[ k ] ] = k;
\r
292 })( X.Dom.Event.Rename, X.Dom.Event.RenameTo );
\r
295 /* -----------------------------------------------
\r
297 * Dean Edwards/Matthias Miller/John Resig
\r
300 // SafariでJavaScriptのデバッグをする方法
\r
302 // http://shimax.cocolog-nifty.com/search/2006/09/safarijavascrip_c54d.html
\r
304 /* for ie9+/Mozilla/Opera9 */
\r
305 if( X.Dom.EVENT_W3C ){
\r
306 Node._document.listenOnce( 'DOMContentLoaded', X.Dom._init );
\r
308 if( 6 <= X.UA.IE && X.inHead ){
\r
309 // if this script in Head
\r
310 document.write( "<script id=__ie_onload defer src=javascript:void(0)><\/script>" );
\r
311 X.Dom._script = document.getElementById( "__ie_onload" );
\r
312 X.Dom._script.onreadystatechange = function(){
\r
313 var s = X.Dom._script;
\r
314 if( s && s.readyState === 'complete' ){
\r
315 s.onreadystatechange = X.emptyFunction;
\r
316 s.onreadystatechange = null;
\r
317 s.parentNode.removeChild( s );
\r
318 delete X.Dom._script;
\r
319 X.Dom._init && X.Dom._init();
\r
323 // Re: onLoad doesn't work with Safari?
\r
324 // http://lists.apple.com/archives/web-dev/2003/Oct/msg00036.html
\r
325 if( X.UA.WebKit || X.UA.Safari < 3 ){ // sniff
\r
326 X.Timer.add( 10, function(){
\r
327 if( !X.Dom._init ) return X.Callback.UN_LISTEN;
\r
328 if( 'loaded|complete'.indexOf( document.readyState ) !== -1 ) return X.Dom._init();
\r
332 /* for other browsers */
\r
333 Node._window.listenOnce( 'load', X.Dom._init );
\r
335 X.Dom.listenOnce( X.Dom.Event.XDOM_READY, function(e){
\r
336 console.log( 'X.Dom XDomReady ' + X.Dom.readyState );
\r
339 X.Dom.listen( X.Dom.Event.VIEW_RESIZED, function(e){ console.log( 'X.Dom VIEW_RESIZED ' + e.w + ' x ' + e.h ); } );
\r