禁止web中点击浏览器后退键！只需在首页加个方法即可

情况分析

有些前端框架是登录后加载一个主页面，其他子页面加载都是以显隐形式或iiframe等方式进行控制，这种框架的弊端就是必须点击页面中的后退按钮进行后退行为。如果点击浏览器的后退按钮则会出现直接退出系统回到登录页的情况。

那我想禁止用户点击浏览器后退键行不行呢？

当然，只需在登录后的首页中加上下面方法就行了。

  

   

    

     

    
    

     

      <script type="text/javascript">
     
    
   

    

     

    
    

     

      	    $(function(){
     
    
   

    

     

    
    

     
	    	//消除后退的所有动作。包括 键盘、鼠标手势等产生的后退动作。，用户登录到系统中后，浏览器回退按钮失效，只能点击退出按钮退出系统！
     
    
   

    

     

    
    

     

      	    	history.pushState(null, null, document.URL);
     
    
   

    

     

    
    

     
	    	window.addEventListener('popstate', function () {
     
    
   

    

     

    
    

     

      	    		history.pushState(null, null, document.URL);
     
    
   

    

     

    
    

     

      	    	});
     
    
   

    

     

    
    

     

      	    });
     
    
   

    

     

    
    

     

      </script>
     
    
  
 

希望大家少走一些坑 -- 陈哈哈

文章来源: chensj.blog.csdn.net，作者：_陈哈哈，版权归原作者所有，如需转载，请联系作者。

原文链接：chensj.blog.csdn.net/article/details/100565281