vue專案用hbuilder打包成APP後,返回鍵退出程式的解決辦法
阿新 • • 發佈:2021-09-04
此解決辦法主要是針對通過使用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>
完美解決,太感謝大佬的文章幫助了。