物理返回键监听

最新推荐文章于 2025-05-28 18:01:19 发布

单枪匹马你别怕y

最新推荐文章于 2025-05-28 18:01:19 发布

阅读量425

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/weixin_38938009/article/details/79743965

本文介绍了一种解决网页应用中首次登录时物理返回键无法正常监听的技术方案。通过使用history API并添加popstate事件监听器，确保了无论何时按下返回键都能得到正确的响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

监听物理返回键时要注意不能在首页（第一次进入时，监听无效）直接操作，

正确方式：有第二次操作时，例如：从首页跳转到个人中心页面在跳到首页，监听有效

附代码：

pushHistory();
var flag = false;
setTimeout(function() {
   flag = true;
}, 1000)
window.addEventListener('popstate', function(e) {
   if(flag) {
      alert(1)
   }
   pushHistory();
}, false);

function pushHistory() {
   var state = {
      title: "title",
      url: "#"
   };
   window.history.pushState(state, "title", "#");
}

研究之后，感觉定时器没没有用处，经处理之后代码如下

pushHistory();
window.addEventListener("popstate", function(e) {
   alert("2");
}, false);

function pushHistory() {
   var state = {
      title: "title",
      url: "#"
   };
   window.history.pushState(state, "title", "#");
}

解决了首次登录无法监听物理返回键的问题！！！