hbuilderパッケージappについて携帯電話の戻りボタンをクリックして直接appを終了する解決

昨日hbuilderを通じて一部のvueプロジェクトをappテストにパッケージ化しましたが、パッケージ化されたappが携帯電話の戻りボタンをクリックしたときに直接appを脱退し、前のページに戻ることはありません.そこでネットで調べてみました.やっとこの問題を解決しました.ブログのリンクを参考にしてください.https://blog.csdn.net/qq_25252769/article/details/76913083説明:私のプロジェクトではmuiを使っていません.jsですから、muiを使えば次の方法でいいです.jsの友達は上のブログを参考にすることができます

以下は、ソリューション

である.

まずappback.jsファイルを新規作成し、名前を勝手に付けて、次の内容を

にコピーします.

/**
 *   hbuilder  app             app 
 */
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
        )
      }
    })
  })
})

その後、main.jsにおいてこのファイルを導入すれば

である.

import './utils/appback.js'