免费个人博客模板-专注前端行业与圈内动态-分享最具价值内容
  • 首页
  • JavaScript
  • webAPP使用mui修改手机自带back虚拟按键 触发返回或退出

webAPP使用mui修改手机自带back虚拟按键 触发返回或退出

发布:鹏仔先生2019-2-26 10:08分类: JavaScript 标签: javascript 大前端 webapp mui

共享博客

    做了一个小型webAPP,打包生成安装包安装到手机之后,安卓自带物理返回键,每次只要触碰了,APP就直接退出了,刚好用的 mui ,于是查了下mui修改物理返回键,代码如下

<script>
    mui.init({
        keyEventBind: {
            backbutton: true //关闭back按键监听
        }
    });
    //首页返回键处理
    //处理逻辑:0.5秒内,连续两次按返回键,则退出应用;
    var first = null;
    mui.back = function() {
        //首次按键,提示  再按一次退出应用
        if (!first) {
            first = new Date().getTime(); //记录第一次按下回退键的时间
            mui.toast('再按一次退出应用'); //给出提示
            history.go(-1) //回退到上一页面
            setTimeout(function() { //0.5s中后清除
                first = null;
            }, 500);
        } else {
            if (new Date().getTime() - first < 500) { //如果两次按下的时间小于0.5s,
                plus.runtime.quit(); //那么就退出app

            }
        }
    };
</script>

    我们将代码放置你所需的页面即可,根据页面需求,来修改上方代码是退出还是返回上一页。

温馨提示如有转载或引用以上内容之必要,敬请将本文链接作为出处标注,谢谢合作!

赞赏

关闭

原创不易,感谢支持!

支付宝打赏

微信打赏

扫码打赏,建议金额1-10元
提醒:打赏金额将直接进入对方账号,无法退款,请您谨慎操作。
Powered By 鹏仔先生

已有 0/384 人参与

微信扫码关注鹏仔哥微信