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

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***@qq.com :
index.html
2020-06-19 16:59
1***@qq.com

1***@qq.com

这段代码放在哪里的呢?为什么我点击后还是直接退出了?
2020-06-18 20:33
1***@qq.com

1***@qq.com

感谢活雷锋
2020-05-10 00:11
BigSun

BigSun

回复 [已删除] :
如何解决?
2020-04-27 18:03
[已删除]

[已删除]

回复 BigSun :
不需要修改h5
2020-04-27 18:02
BigSun

BigSun

回复 风残落叶 :
也就是说如果无法修改那个 H5 的网站的代码就无法实现这个功能咯?加你QQ烦请通过可否?谢谢
2020-04-27 17:57
风残落叶

风残落叶 (作者)

回复 BigSun :
嗯。。。
2020-04-27 17:29
BigSun

BigSun

回复 风残落叶 :
请问H5 的网站无法修改代码的话,这段代码是放在 要打包的H5 的网站的 index.html 吗?谢谢解答,刚接触这个平台,实在不懂,烦请指教,再次感谢!
2020-04-27 17:14
风残落叶

风残落叶 (作者)

回复 8***@163.com :
放在index.html不就好了
2020-03-07 15:51
6***@qq.com

6***@qq.com

en,整体还是不错的
2020-01-20 10:14