百变鹏仔-专注前端行业精选

百变鹏仔

当前位置:网站首页 > 最近更新 > 前端开发 > JavaScript > 正文

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

作者:鹏仔先生日期:2020-06-03 10:53:21浏览:2729分类:JavaScript


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

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

手机扫码访问

暂无评论,来添加一个吧。

取消回复欢迎 发表评论:

关灯