Web页面长时间无操作后再获取焦点时转到登录界面

今天开始讲新浪博客搬到博客园。

       在工作中遇到的小问题，感觉有点意思，就记录下来吧！

       该问题分为两种情况，一、Web页面长时间无操作后，在对其进行操作，比如点击“首页”、“设置”等带有超链接字段，此时可直接设置session的有效时间来解决。session有效时间一般都是设置登录控制器(MVC) 中的Controller中，如：

         session.setMaxInactive(300);//设置session有效时间为300秒。

当超过5分钟都没有对其进行操作再点击其中的某个超链接时将跳转到登录界面，登录完成后会自动跳转到原来的页面。

 

        第二种情况，Web页面长时间无操作，再对其进行操作，但点击的地方为非超链接的地方，如页面中的空白处，此时session不起作用，由于需要对其进行监控是否在有效时间内，如在有效时间内点击则重新记录开始时间， 这种情况下如果通过和服务器交互来进行判断则必然会影响系统的性能，得不偿失，不足取。

       可供选择的一种方案时，在前台Web页面中加入鼠标监听事件，不需要服务端配合，直接由前台页面完成。该前台页面需要是Header.jsp，是被其他页面所引用的，或是在js中，该js是被系统其它jsp页面所引用的。这两种方式均比在每一个系统的jsp页面中加入监听事件具有可操作性。完整代码如下：

Header.jsp

    

javaScript:

 

       var timeStart = 0;//开始时间，

       var timeOut = 300;//有效时间，设置为5分钟

       

       $(document).read(function()){

         .....

         if(timeStart  == 0){

                timeStart = (new Date()).getTime();//得到初始成功登录系统的时间

          }

         ......

        }

 

        document.onmousedown = function(event){//监听鼠标事件

             var timeNow = (new Date()).getTime();

             var timeOp = timeNow - timeStart - timeOut*1000;

             if(timeOp > 0){

                   window.location.reload(true)；//重新加载该页面(跳转到登录页面，验权通过后自动调至该页面)

             }else{

                   timeStart = timeNow;//未超时，则重新计时

             }

         }

 

备注:$(document).read() 是在DOM结构载入完后执行;

        window.onload 是在所有文件都加载完后执行;