ios 浏览器监听事件

Posted 2023-03-09

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

);

我在手机端上写这个方法，监听浏览器的后退事件，但是在从有这个方法的下一个界面返回当前界面的时候，会直接执行这个方法，有没有办法解决？

参考技术A

解决的方法如下：

1、可以监听微信端，手机端，ios端的浏览器返回事件，关闭事件不支持

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

2、下面是完整的代码：

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

iOS微信浏览器回退不刷新（监听浏览器回退事件）

兼容性：兼容全部ios系统

$(function(){
    pushHistory();
});
function pushHistory(){
    window.addEventListener("popstate", function(e){
        alert("回退！");

        //window.history.back();
        //在历史记录中后退,这就像用户点击浏览器的后退按钮一样。

        //window.history.go(-1);
        //你可以使用go()方法从当前会话的历史记录中加载页面（当前页面位置索引值为0，上一页就是-1，下一页为1）。

        //self.location=document.referrer;
        //可以获取前一页面的URL地址的方法,并返回上一页。
    }, false); 
    var state = {
        title:"",
        url: "#"
    }; 
    window.history.pushState(state, "", "#"); 
};

　　

参考资料：http://blog.csdn.net/qq_17757973/article/details/70037985