我用Hbuilder打包书法作品欣赏论坛的app 安装之后点一次返回键就退出,这个问题挺郁闷的,找了N多方法,添加N次代码不成功,最后终于找到一个方法了,实现打包网页APP点一次返回键回上一页,点两次退出的问题!方法很简单,一段代码解决,详细请看:
[micxp_gzhmm]
- //完整版就是,所有页面都引入这一段代码,而上面子页面和首页需要分别引入对应代码
- //需要mui.js版本
- <script>
- document.addEventListener(‘plusready’, function() {
- var webview = plus.webview.currentWebview();
- plus.key.addEventListener(‘backbutton’, function() {
- webview.canBack(function(e) {
- if(e.canBack) {
- webview.back();
- } else {
- //webview.close(); //hide,quit
- //plus.runtime.quit();
- mui.plusReady(function() {
- //首页返回键处理
- //处理逻辑:1秒内,连续两次按返回键,则退出应用;
- var first = null;
- plus.key.addEventListener(‘backbutton’, function() {
- //首次按键,提示‘再按一次退出应用’
- if (!first) {
- first = new Date().getTime();
- mui.toast(‘再按一次退出应用’);
- setTimeout(function() {
- first = null;
- }, 1000);
- } else {
- if (new Date().getTime() – first < 1500) {
- plus.runtime.quit();
- }
- }
- }, false);
- });
- }
- })
- });
- });
- //不需要mui.js版本
- document.addEventListener(‘plusready’, function() {
- var webview = plus.webview.currentWebview();
- plus.key.addEventListener(‘backbutton’, function() {
- webview.canBack(function(e) {
- if(e.canBack) {
- webview.back();
- } else {
- //webview.close(); //hide,quit
- //plus.runtime.quit();
- //首页返回键处理
- //处理逻辑:1秒内,连续两次按返回键,则退出应用;
- var first = null;
- plus.key.addEventListener(‘backbutton’, function() {
- //首次按键,提示‘再按一次退出应用’
- if (!first) {
- first = new Date().getTime();
- console.log(‘再按一次退出应用’);
- setTimeout(function() {
- first = null;
- }, 1000);
- } else {
- if (new Date().getTime() – first < 1500) {
- plus.runtime.quit();
- }
- }
- }, false);
- }
- })
- });
- });
- </script>
复制代码
这里要注意的事,不要把问题想得太复杂了,这里添加JS代码不是在Hbuilder打包软件里,而是要添加到你自己的WEB网页里面,最好让所有页面都能加载此代码,比如footer等页面!有不清楚的可以回帖留言!
[/micxp_gzhmm]
,挺好的,感谢楼主,我用您的方法测试成功!
声明:本站文章、图片、内容仅供个人学习使用
评论(0)