美文网首页
可能你所不知道的知识

可能你所不知道的知识

作者: BULL_DEBUG | 来源:发表于2018-01-05 16:17 被阅读6次

一、监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法

window.addEventListener("popstate", function(e) {  
        alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能  
    }, false);  

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

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

在微信中进入页面就触发了popstate事件。
解决方法:定义boolean 变量bool=false。在页面加载后,采用setTimeout方法设置1.5s的超时,在超时执行方法中设置bool=true。
在popstate监听当中增加对bool的判断,当bool=true时,执行内容。具体代码如下:

$(function(){  
            pushHistory();  
            var bool=false;  
            setTimeout(function(){  
                  bool=true;  
            },1500);  
            window.addEventListener("popstate", function(e) {  
              if(bool)  
                {  
                        alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能  
                }  
                pushHistory();  
                  
        }, false);  
        });  

相关文章

  • 可能你所不知道的知识

    一、监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法 虽然我们监听到了后退事件,但是页面还是...

  • 你可能不知道的 5 个 Xcode 断点小知识

    你可能不知道的 5 个 Xcode 断点小知识你可能不知道的 5 个 Xcode 断点小知识

  • 你所不知道的冷知识

    木星是太阳系中最大的行星,其体积是其他行星体积总和的二倍 猫可以听到超声波 一盎司白金可以拉伸到10,000英尺 ...

  • 你所不知道的白酒知识

    中国的餐桌文化渊远流长,聚餐的桌子上一般都离不开酒,几杯酒下肚,朋友之间就敞开心扉毫无顾忌开始聊天,生意的伙伴也就...

  • 你所不知道的冷知识

    1.倒霉的来由 在古代参加科举考试之前,一般都要在自家门前竖起一根旗杆,称之为“楣”。考中了,旗杆照竖不误,考不中...

  • 你所不知道的冷知识

    1 IBM和Nokia都是在清朝时成立的公司 2 帝国大厦是在新中国建国前20年就建成了 3 刘邦和秦始皇的年龄只...

  • 知识

    在书上读到:知识分为三种,你知道你所知道的,你知道你所不知道的,你不知道你所不知道的。我很赞同,因为它简洁明...

  • 你可能所不知道的 TypeScript 用法

    1. 巧用 typeof 一般我们情况下,我们都是先写类型接口,再去使用。 如何巧用 typeof,如下。type...

  • 关于养生,你所不知道的知识!

    1、名利不灭 2、喜怒不除 3、声色不去 4、滋味不绝 5、神虑转发 做不到以上几点无法做到真正的养生。 解释: ...

  • 关于星座你所不知道的知识

    最近呢,我在研究星座知识。因为一直对星座比较感兴趣,这篇文章也能够让你更好地认识自己。 你了解自己吗? 你知...

网友评论

      本文标题:可能你所不知道的知识

      本文链接:https://www.haomeiwen.com/subject/bhdsnxtx.html