1. 程式人生 > 其它 >vue專案用hbuilder打包成APP後,返回鍵退出程式的解決辦法

vue專案用hbuilder打包成APP後,返回鍵退出程式的解決辦法

此解決辦法主要是針對通過使用Hbuilder中的5+app打包成安卓程式碼出現的問題

方法參考來自於 https://juejin.cn/post/6844904128678723592,萬分感謝!!!

在vue專案中public資料夾下的index.html中,在<div id="app"></div>檢視如下<script>標籤程式碼

    <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(); //
首頁返回鍵處理 //處理邏輯: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>

完美解決,太感謝大佬的文章幫助了。