js监听移动端返回键,从内页返回首页

js监听移动端返回键,从内页返回首页

直接上代码。

$(document).ready(function () {
     window.history.pushState("", "", "#");
 });
 window.addEventListener("popstate", function (e) {
     history.replaceState(null, null, “填上你要去的地址”);
     window.location.reload()
 });

这种监听返回键比较适合用于用户获取到内页的连接,而你的需求是想用户从内页回到首页。这2块代码缺一不可,只有在用了pushState这个方法之后才能监听移动端的返回键(详情百度)。

history.replaceState(null, null, “填上你要去的地址”);这行代码只会修改地址栏的url,而不会直接去,所以要加上一个window.location.reload()。

但是监听返回键也会有很多的问题,就是你要做较多的判断,判断你在什么时候才需要返回首页,如果用户在非首页进入内页后再按返回键返回,会直接返回到首页,用户就会一脸懵逼。

发布了12 篇原创文章 · 获赞 5 · 访问量 1万+
App 阅读领勋章
微信扫码 下载APP
阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览