526互联

H5监听浏览器返回事件

发布时间 2023-09-27 10:48:08作者: 羽~悠悠

在日常开发工作中，我们经常会涉及点击返回、后退、上一页等按钮实现自己的关闭页面、调整到指定页面、确认离开页面或执行一些其它操作的需求。可以使用 popstate 事件进行监听返回、后退，返回指定页操作。

具体代码如下：

$(function (){
    function pushHistory(){
        var state = {
            title: "title",
            url: "#"
        }
        window.history.pushState(state, "title", "#");
    }
    pushHistory()
    window.addEventListener("popstate", function(){
        var returnpage=$("#returnpage").text();//获取页面设置回退地址
        if(!(returnpage==undefined||returnpage=="")){
            window.location.href=returnpage;
        }
    }, false)

})