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

2024年04月03日 懒猪 前端开发 前端博客 个人博客 网站制作 鹏仔先生 百变鹏仔 HTML CSS javascript JS 共享博客


做了一个小型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>

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

本文链接:http://so.lmcjl.com/news/1016/

展开阅读全文