风残落叶
风残落叶
  • 发布:2019-06-12 16:58
  • 更新:2023-12-06 15:47
  • 阅读:8086

5+app解决返回键直接退出应用问题

分类:HTML5+

5+app在首页双击返回的话退出应用,在二级页面点击返回的话则返回上一页

document.addEventListener('plusready', function() {  
            var first = null;  
            var webview = plus.webview.currentWebview();  
            plus.key.addEventListener('backbutton', function() {  
                webview.canBack(function(e) {  
                    if (e.canBack) {  
                        webview.back(); //这里不建议修改自己跳转的路径  
                    } else {  
                        //首次按键,提示‘再按一次退出应用’  
                        if (!first) {  
                            first = new Date().getTime(); //获取第一次点击的时间戳  
                            // console.log('再按一次退出应用');//用自定义toast提示最好  
                            // toast('双击返回键退出应用'); //调用自己写的吐丝提示 函数  
                            plus.nativeUI.toast("再按一次退出应用", {  
                                duration: 'short'  
                            }); //通过H5+ API 调用Android 上的toast 提示框  
                            setTimeout(function() {  
                                first = null;  
                            }, 1000);  
                        } else {  
                            if (new Date().getTime() - first < 1000) { //获取第二次点击的时间戳, 两次之差 小于 1000ms 说明1s点击了两次,  
                                plus.runtime.quit(); //退出应用  
                            }  
                        }  
                    }  
                })  
            });  
        });

如果是vue打包的单页面应用直接放在index.html,如果是多页面,那就写个公用js,每个html页面都引入

3 关注 分享
c***@126.com shinvey 3***@qq.com

要回复文章请先登录注册

1***@163.com

1***@163.com

后台运行代码:
var main = plus.android.runtimeMainActivity();
main.moveTaskToBack(false);
2021-12-28 08:51
1***@qq.com

1***@qq.com

回复 1***@qq.com :
咋解决的
2021-12-20 09:01
1***@qq.com

1***@qq.com

网页直接打包的支持添加这段代码吗,在index.html添加这段代码后点返回还是直接退出了
2021-12-19 09:49
z***@163.com

z***@163.com

# 感谢大佬,已经搞定!
2021-10-13 09:45
hws007

hws007

试过!没多大用!还是自定义不了自己想要的效果!
2021-04-02 05:33
天赋一饼

天赋一饼

实测,vue可行,nvue不可行。
2020-12-24 10:26
Derekwong

Derekwong

mark
2020-12-05 23:45
d***@sina.com

d***@sina.com

https://ext.dcloud.net.cn/plugin?id=2352 可以实现屏蔽系统返回键 ,并自定义行为
2020-07-21 11:42
风残落叶

风残落叶 (作者)

回复 1***@qq.com :
如果是vue打包的单页面应用直接放在index.html,如果是多页面,那就写个公用js,每个html页面都引入
2020-07-20 10:18
1***@qq.com

1***@qq.com

楼主这段代码放哪里,我放到index.html里面不生效,不知道啥情况
2020-07-18 20:53