JS监听手机的物理返回键（亲测有效）

最新推荐文章于 2024-08-16 13:39:28 发布

阿里小码

最新推荐文章于 2024-08-16 13:39:28 发布

阅读量3.9k

点赞数 1

分类专栏： js 文章标签： javascript jquery 前端

原文链接：https://blog.csdn.net/haocaicai/article/details/81084283?utm_medium=distribute.wap_relevant.none-task-blog-baidujs_baidulandingword-0

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

公司的一个小项目，把h5小游戏页面嵌入到app里面，但是返回键和分享按钮并不是我们写的，所以我们得监测用户点击手机返回键按钮，跳出一个是否确定退出的弹窗，我也百度了很多次，但是都会有点问题，最后找到了一个方法。

pushHistory();
window.addEventListener("popstate", function(e) {
    alert("我监听到了浏览器的返回按钮事件啦");//在这里写你监听后需要做的事情
}, false);
function pushHistory() {
    var state = {
        title: "title",
        url: "#"
    };
    window.history.pushState(state, "title", "#");
}

经测试，在浏览器上面可监测出你点击3次返回，多次点击会默认直接忽略你的方法，所以也不是次次都能检测到。

这是我借鉴的博客html5监听任何App自带返回键javascript事件，侵删