我用Hbuilder打包书法作品欣赏论坛的app 安装之后点一次返回键就退出,这个问题挺郁闷的,找了N多方法,添加N次代码不成功,最后终于找到一个方法了,实现打包网页APP点一次返回键回上一页,点两次退出的问题!方法很简单,一段代码解决,详细请看:


[micxp_gzhmm]

  1. //完整版就是,所有页面都引入这一段代码,而上面子页面和首页需要分别引入对应代码
  2. //需要mui.js版本
  3. <script>
  4. document.addEventListener(‘plusready’, function() {
  5.         var webview = plus.webview.currentWebview();
  6.         plus.key.addEventListener(‘backbutton’, function() {
  7.             webview.canBack(function(e) {
  8.                 if(e.canBack) {
  9.                     webview.back();            
  10.                 } else {
  11.                     //webview.close(); //hide,quit
  12.                     //plus.runtime.quit();
  13.                     mui.plusReady(function() {
  14.                         //首页返回键处理
  15.                         //处理逻辑:1秒内,连续两次按返回键,则退出应用;
  16.                         var first = null;
  17.                         plus.key.addEventListener(‘backbutton’, function() {
  18.                             //首次按键,提示‘再按一次退出应用’
  19.                             if (!first) {
  20.                                 first = new Date().getTime();
  21.                                 mui.toast(‘再按一次退出应用’);
  22.                                 setTimeout(function() {
  23.                                     first = null;
  24.                                 }, 1000);
  25.                             } else {
  26.                                 if (new Date().getTime() – first < 1500) {
  27.                                     plus.runtime.quit();
  28.                                 }
  29.                             }
  30.                         }, false);
  31.                     });
  32.                 }
  33.             })
  34.         });
  35.     });
  36. //不需要mui.js版本
  37. document.addEventListener(‘plusready’, function() {
  38.         var webview = plus.webview.currentWebview();
  39.         plus.key.addEventListener(‘backbutton’, function() {
  40.             webview.canBack(function(e) {
  41.                 if(e.canBack) {
  42.                     webview.back();            
  43.                 } else {
  44.                     //webview.close(); //hide,quit
  45.                     //plus.runtime.quit();
  46.                     //首页返回键处理
  47.                     //处理逻辑:1秒内,连续两次按返回键,则退出应用;
  48.                     var first = null;
  49.                     plus.key.addEventListener(‘backbutton’, function() {
  50.                         //首次按键,提示‘再按一次退出应用’
  51.                         if (!first) {
  52.                             first = new Date().getTime();
  53.                             console.log(‘再按一次退出应用’);
  54.                             setTimeout(function() {
  55.                                 first = null;
  56.                             }, 1000);
  57.                         } else {
  58.                             if (new Date().getTime() – first < 1500) {
  59.                                 plus.runtime.quit();
  60.                             }
  61.                         }
  62.                     }, false);
  63.                 }
  64.             })
  65.         });
  66.     });
  67. </script>

复制代码


这里要注意的事,不要把问题想得太复杂了,这里添加JS代码不是在Hbuilder打包软件里,而是要添加到你自己的WEB网页里面,最好让所有页面都能加载此代码,比如footer等页面!有不清楚的可以回帖留言!

[/micxp_gzhmm]

,挺好的,感谢楼主,我用您的方法测试成功!

声明:本站文章、图片、内容仅供个人学习使用