hbuilderx打包网址成为5+app 向左滑动返回直接退出app的解决方法
使用hbuilderx打包网址成为5+app出现的问题,向左滑动返回直接退出app,而不是返回上一级,这个我在网上找了很多方法都没有解决,最后发现的是没有引入mui.min.js文件,要不然你写再多的JavaScript代码都解决不了。
如果你打包的是网页,直接在html网页引入JavaScript并在网站添加如下代码;如果你是在app项目上面的,在app上面创建js文件自己添加引用。
<script> 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(); //退出应用 } } } }) }); }); </script>
然后引入<script src="/static/mui.min.js"></script>文件,这个文件我就不上传了,直接去github上面下载。
点击这个地址去下载:https://github.com/dcloudio/mui/blob/master/examples/hello-mui/js/mui.min.js