h5+App移动端返回

最新推荐文章于 2024-04-24 10:06:04 发布

lea_

最新推荐文章于 2024-04-24 10:06:04 发布

阅读量1.5k

点赞数

本文链接：https://blog.csdn.net/m0_46550723/article/details/104893225

版权

本文探讨了H5页面在移动端App中如何处理返回操作，包括历史记录管理、页面栈控制以及与Native App的交互策略，旨在优化用户体验。

摘要由CSDN通过智能技术生成

// 移动端返回键监听
    window.history.pushState(null, null, "#");
    this.onPlusReady(() => {
      window.plus.key.addEventListener(
        "backbutton",
        () => {
          let hashArr = ['#/index','#/games','#/dig'];
          if (hashArr.indexOf(location.hash)!==-1) {
            if(!this.timer){
              // 如果定时器为空，表示短时间内第一次点击返回
              Toast({
                message:this.$t('exit.exit'),
                position:"bottom"
              });
              this.timer = setTimeout(()=>{
                clearTimeout(this.timer);
                this.timer = null;
              },2000)
            }else{
              // 短时间内第二次点击返回，直接退出
              clearTimeout(this.timer);
              this.timer = null;
              window.plus.runtime.quit();
            }
          } else {
            if(location.hash.indexOf('/gameContent')!=&#