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

最新推荐文章于 2024-07-25 20:50:09 发布

风残落叶

最新推荐文章于 2024-07-25 20:50:09 发布

阅读量3.6k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： 5+app 文章标签： 5+app

本文链接：https://blog.youkuaiyun.com/w1299395323/article/details/91786877

5+app 专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一种在H5+应用中实现双击返回键退出应用的逻辑，通过监听backbutton事件，首次点击时显示提示，再次点击则退出应用，同时在二级页面点击返回键则返回上一级页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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(); //退出应用  
                            }  
                        }  
                    }  
                })  
            });  
        });