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

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

要回复文章请先登录注册

8***@163.com

8***@163.com

求教,这段代码应该放在什么位置?
2020-01-19 21:46
馨u

馨u

回复 1***@qq.com :
您好,请问你怎么解决的
2019-08-16 11:51
1***@qq.com

1***@qq.com

回复 1***@qq.com :
已经解决的了,谢谢你
2019-07-03 13:35
1***@qq.com

1***@qq.com

老哥,请问我用这个方法放在index里,按一下返回键出现“再按一次退出应用”,但是还是直接退出应用了。为什么呢?
2019-07-03 11:34
[已删除]

[已删除]

是的
2019-06-13 08:47