zoukankan      html  css  js  c++  java
  • 监听浏览器返回按钮

    $(function(){  
        pushHistory();  
        window.addEventListener("popstate", function(e) {  
            alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能  
    }, false);  
        function pushHistory() {  
            var state = {  
                title: "title",  
                url: "#"  
            };  
            window.history.pushState(state, "title", "#");  
        }  
          
    }); 

     

    返回、后退、上一页按钮点击监听实现代码:

    window.addEventListener("popstate", function(e) {  

        alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能  

       }, false);  

    虽然我们监听到了后退事件,但是页面还是会返回上一个页面,所以我们需要使用pushState增加一个本页的url,代表本页,大家都非常清楚是#

    1. function pushHistory() {  
    2.         var state = {  
    3.             title: "title",  
    4.             url: "#"  
    5.         };  
    6.         window.history.pushState(state, "title", "#");  
    7.     } 

    当进入该页面,我们就给这个history压入一个本地的连接。当点击返回、后退及上一页的操作时,就进行监听,在监听代码中实现自己操作。

    history.replaceState()/pushState(),实现无刷新修改url

    http://blog.csdn.net/u012844719/article/details/17075635

  • 相关阅读:
    scala学习手记7
    scala学习手记6
    scala学习手记5
    scala学习手记4
    scala学习手记3
    scala学习手记2
    Scala学习手记1
    Java实现的一个小说采集程序
    Java的值传递和引用传递
    java 使用反射
  • 原文地址:https://www.cnblogs.com/echolife/p/7868593.html
Copyright © 2011-2022 走看看