开发webapp手机返回键退出问题摘录

最新推荐文章于 2021-05-06 16:51:18 发布

转载最新推荐文章于 2021-05-06 16:51:18 发布 · 505 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/tongbiao/p/9843114.html

文章标签：

#runtime #移动开发

本文介绍如何使用mui框架监听手机的物理返回键，通过初始化mui并设置backbutton属性为true来实现监听。提供了详细的代码示例，展示了如何处理返回键事件，包括在不同页面上的行为以及如何在短时间内连续按下返回键退出应用程序。

mui进行手机物理键的监听

确保引入mui

调用以下函数

  // android 返回按键处理
  androidBack(store, data) {
    try {
      mui.init({
        keyEventBind: {
          backbutton: true //关闭back按键监听
        }
      });
      // alert(plus.os.name)
      var first = null;
      mui.back = function () {
        let path = state.crunchies.setPageCon;
        let isOut = path == 'home' || path == 'crunchies' || path == 'Information' || path == 'warning' || path == 'mine';
        // mui.toast(path); //给出提示
        if (!first) {
          first = new Date().getTime(); //记录第一次按下回退键的时间
          // mui.toast('再按一次退出应用'); //给出提示
          if (!isOut) {
            store.dispatch("actionsBackJump", {
              router: data.router,
              id: 'back'
            })
          }
          setTimeout(function () { //1s中后清除
            first = null;
          }, 1000);
        } else {

          if (new Date().getTime() - first < 1000) { //如果两次按下的时间小于1s，
            plus.runtime.quit(); //那么就退出app
          }

        }

      };
    } catch (error) {}
  }

转载于:https://www.cnblogs.com/tongbiao/p/9843114.html