js监听浏览器后退事件

需求:日常开发中,网站需求是用户点击浏览器的返回事件,网站会执行某些操作。

先来看看效果:

代码一:

$(function(){

pushHistory();

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

alert("监听到返回按钮事件啦");

//根据自己的需求实现自己的功能

//window.location.href = 'https://www.baidu.com'

        },false);

function pushHistory() {

var state = {

title:"title",

url:"#"

};

window.history.pushState(state,"title","#");

}

});

代码二:

$(document).ready(function (e) {

var counter =0;

if (window.history && window.history.pushState) {

$(window).on('popstate', function () {

window.history.pushState('forward',null,'#');

window.history.forward(1);

// alert("不可回退");  //如果需在弹框就有它

                self.location="orderinfo.html";//如查需要跳转页面就用它

            });

}

window.history.pushState('forward',null,'#');//在IE中必须得有这两行

        window.history.forward(1);

});

查看个人博客

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容