uniappH5中监听手机自带物理返回键

candyy5

已于 2023-07-18 11:26:22 修改

阅读量1.5k

点赞数

文章标签： uni-app 前端

于 2023-07-14 16:29:47 首次发布

本文链接：https://blog.csdn.net/candyy5/article/details/131726634

版权

onLoad() {	
  window.history.replaceState(null, null, document.URL)
  window.addEventListener('popstate', this.browserBack)
},
onUnload() {
  window.removeEventListener("popstate", this.browserBack);
},
methods: {
  browserBack() {
    // 在这里写弹框
    uni.showModal({
      title: '提示',
      content: '返回后此页面的操作将不作保留！',
      cancelText: '确定返回',
      confirmText: '留在此页',
      success: (res) => {
        if (res.confirm) {
          // 用户选择留在此页，不进行任何操作
        } else if (res.cancel) {
          window.history.back(); // 使用window.history.back()返回上一页
        }
      }
    });
    window.history.replaceState(null, null, document.URL); // 保留此行代码
  },
}