Skip to content

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

返回、后退、上一页按钮点击监听实现代码:

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

阻止返回上一页:

javascript
var current = window.location.href;
window.addEventListener(
  "popstate",
  function (e) {
    if (current !== window.location.href) {
      window.location.href = current;
      alert("我监听到了浏览器的返回按钮事件啦");
    }
  },
  false
);
var current = window.location.href;
window.addEventListener(
  "popstate",
  function (e) {
    if (current !== window.location.href) {
      window.location.href = current;
      alert("我监听到了浏览器的返回按钮事件啦");
    }
  },
  false
);

最后编辑时间:

Version 4.0 (framework-1.0.0-rc.20)