处理浏览器回退事件：跳转到指定页面等等

最新推荐文章于 2021-11-11 09:58:51 发布

cheyajiu9920

最新推荐文章于 2021-11-11 09:58:51 发布

阅读量453

点赞数

原文链接：https://my.oschina.net/u/2618661/blog/1622454

版权

$(function() {

  pushHistory();
    window.addEventListener('popstate', function(e) {
        alert('on popstate');
        //自定义操作
        window.location.href = '/xxx/xxx.html';
    }, false);

})

function pushHistory() {
    var state = {
        title: "title",
        url: "#"
    };
    window.history.pushState(state, "title", "#");
}

由于安全原因javascript不允许修改history里已有的url链接，但可以使用pushState方法往history里增加url链接，并且提供popstate事件监测从history栈里弹出url。既然有提供popstate事件

方法来源自：http://blog.youkuaiyun.com/mr_smile2014/article/details/52064650

转载于:https://my.oschina.net/u/2618661/blog/1622454