Version 0.6.157, add X.Net.Form & fix X.EventDispatcher.

[pettanr/clientJs.git] / 0.6.x / js / 01_core / 16_XViewPort.js

diff --git a/0.6.x/js/01_core/16_XViewPort.js b/0.6.x/js/01_core/16_XViewPort.js
index b970452..0cc12dd 100644 (file)
--- a/0.6.x/js/01_core/16_XViewPort.js
+++ b/0.6.x/js/01_core/16_XViewPort.js
@@ -1,10 +1,13 @@
 
 var X_ViewPort_readyState,
        X_ViewPort_active = !!window.parent || !!document.activeElement, // parent は frameに読み込まれた場合のieのerror回避
+       X_ViewPort_activeTimerID,
        X_ViewPort_rootElement,
        X_ViewPort_lock,
        X_ViewPort_width,
        X_ViewPort_height,
+       X_ViewPort_scrollX = 0,
+       X_ViewPort_scrollY = 0,
        X_ViewPort_baseFontSize,
        X_ViewPort_vScrollbarSize,
        X_ViewPort_hScrollbarSize,
@@ -32,7 +35,7 @@ X_ViewPort = X_Class_override(
        {
 
                'handleEvent' : function( e ){
-                       var href, i, name;
+                       var href, i, name, active = false;
                        
                        switch( e.type ){
                                case 'beforeunload' :
@@ -43,6 +46,8 @@ X_ViewPort = X_Class_override(
                                        return X_ViewPort[ 'dispatch' ]( X_EVENT_BEFORE_UNLOAD );
                                        
                                case 'unload' :
+                                       //https://developer.mozilla.org/ja/docs/Web/JavaScript/A_re-introduction_to_JavaScript
+                                       //Firefox 1.5 の bfcache が無効になりますので、他に理由がない限り Firefox では unload リスナを登録するべきではないことに注意してください。
                                        X_ViewPort[ 'dispatch' ]( X_EVENT_UNLOAD );
                                //alert('unload');
                                        X_ViewPort_document[ 'kill' ]();
@@ -60,20 +65,22 @@ X_ViewPort = X_Class_override(
                                case 'webkitvisibilitychange' :
                                        X_ViewPort[ 'dispatch' ]( ( X_ViewPort_active = document[ 'webkitHidden' ] ) ? X_EVENT_VIEW_DEACTIVATE : X_EVENT_VIEW_ACTIVATE );
                                        break;
-                                       
-                               case 'pageshow' :
-                               case 'focus' :
-                                       if( !X_ViewPort_active ){
-                                               X_ViewPort_active = true;
-                                               X_ViewPort[ 'dispatch' ]( X_EVENT_VIEW_ACTIVATE );
-                                       };
-                                       break;
 
-                               case 'pagehide' :
+       
                                case 'blur' :
-                                       if( X_ViewPort_active ){
-                                               X_ViewPort_active = false;
-                                               X_ViewPort[ 'dispatch' ]( X_EVENT_VIEW_DEACTIVATE );                            
+                               case 'focusout' :
+                               case 'pagehide' :                               
+                                       active = true;
+                               case 'focus' :
+                               case 'focusin' :
+                               case 'pageshow' :
+                                       if( X_ViewPort_active === active ){
+                                               X_ViewPort_active = !active;
+                                               if( X_ViewPort_activeTimerID ){
+                                                       X_ViewPort_activeTimerID = X_Timer_remove( X_ViewPort_activeTimerID );
+                                               } else {
+                                                       X_ViewPort_activeTimerID = X_Timer_once( 1, X_ViewPort_changeFocus );
+                                               };
                                        };
                                        break;
                        };
@@ -82,6 +89,11 @@ X_ViewPort = X_Class_override(
        }
 );
 
+function X_ViewPort_changeFocus(){
+       X_ViewPort[ 'dispatch' ]( X_ViewPort_active ? X_EVENT_VIEW_ACTIVATE : X_EVENT_VIEW_DEACTIVATE );
+       X_ViewPort_activeTimerID = 0;
+};
+
 
 /**
  * window に相当する ViewPort 情報を提供するオブジェクト。
@@ -169,17 +181,17 @@ X[ 'ViewPort' ] = {
                window.pageXOffset !== undefined ?
                        ( function(){
                                X_Node_updateTimerID && X_Node_startUpdate();
-                               return[ window.pageXOffset, window.pageYOffset ];
+                               return[ X_ViewPort_scrollX = window.pageXOffset, X_ViewPort_scrollY = window.pageYOffset ];
                        } ) :
                window.scrollLeft  !== undefined ?
                        ( function(){
                                X_Node_updateTimerID && X_Node_startUpdate();
-                               return[ window.scrollLeft, window.scrollTop ];
+                               return[ X_ViewPort_scrollX = window.scrollLeft, X_ViewPort_scrollY = window.scrollTop ];
                        } ) :
                        ( function(){
                                X_Node_updateTimerID && X_Node_startUpdate();
                                // body は Safari2-
-                               return[ X_ViewPort_rootElement.scrollLeft || document.body.scrollLeft, X_ViewPort_rootElement.scrollTop || document.body.scrollTop ];
+                               return[ X_ViewPort_scrollX = X_ViewPort_rootElement.scrollLeft || document.body.scrollLeft, X_ViewPort_scrollY = X_ViewPort_rootElement.scrollTop || document.body.scrollTop ];
                        } ),
 
        'getScrollbarSize' : function(){
@@ -294,12 +306,27 @@ X[ 'ViewPort' ] = {
 
                        X_ViewPort_rootElement = document.compatMode !== 'CSS1Compat' ? elmBody : elmHtml || elmBody;
 
-                       html = X[ 'Doc' ][ 'html' ] = X_Node_html = elmHtml && new Node( elmHtml )[ 'removeClass' ]( 'js-disabled' )[ 'addClass' ]( X_UA_classNameForHTML );
-                       html[ '_flags' ] |= X_Node_State.IN_TREE;
-                       
-                       head = X[ 'Doc' ][ 'head' ] = X_Node_head = elmHead && new Node( elmHead );
-               
-                       body = X[ 'Doc' ][ 'body' ] = X_Node_body = new Node( elmBody );
+       /**
+        * Node( documentElement )
+        * @alias X.Doc.html
+        * @type {Node}
+        */
+                       X[ 'Doc' ][ 'html' ] = html = X_Node_html = elmHtml && Node( elmHtml )[ 'removeClass' ]( 'js-disabled' )[ 'addClass' ]( X_UA_classNameForHTML );
+                       html[ '_flags' ] |= X_NodeFlags_IN_TREE;
+
+       /**
+        * Node( head )
+        * @alias X.Doc.head
+        * @type {Node}
+        */                     
+                       X[ 'Doc' ][ 'head' ] = head = X_Node_head = elmHead && Node( elmHead );
+
+       /**
+        * Node( documentElement )
+        * @alias X.Doc.body
+        * @type {Node}
+        */             
+                       X[ 'Doc' ][ 'body' ] = body = X_Node_body = Node( elmBody );
 
                        body[ 'parent ' ] = head[ 'parent' ] = html;
                        html[ '_xnodes' ] = [ head, body ];
@@ -395,6 +422,10 @@ X[ 'ViewPort' ] = {
                        } else
                        if( X_UA[ 'iOS' ] && window[ 'onpageshow' ] !== undefined ){
                                X_EventDispatcher_systemListen( X_ViewPort, [ 'pageshow', 'pagehide' ] );
+                       } else
+                       if( document[ 'onfocusin' ] !== undefined ){
+                               // https://github.com/ai/visibilityjs/blob/master/lib/visibility.fallback.js
+                               X_EventDispatcher_systemListen( X_ViewPort_document, [ 'focusin', 'focusout' ], X_ViewPort );
                        } else {
                                X_EventDispatcher_systemListen( X_ViewPort, [ 'focus', 'blur' ] );
                        };