使用Cordova --實現點擊物理返回鍵時,應用進入后台運行,而不是直接關閉!


使用Cordova開發App時,點擊手機back鍵,總是返回上一級,如果希望直接返回到桌面,而不是直接關閉程序,可以這么做!

1.安裝插件

首先在工程目錄下運行如下命令添加backbutton插件

cordova plugin add cordova-plugin-backbutton 

2.例子

在返回鍵的響應事件中調用插件的goHome方法

 

<!DOCTYPE html>

<html>
   <head>
       <title>hangge.com</title>
       <meta http-equiv="Content-type" content="text/html; charset=utf-8">
       <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
       <script type="text/javascript" charset="utf-8">
          //頁面加載后添加各事件監聽
          function onLoad() {
           document.addEventListener("deviceready", onDeviceReady, false);
          }
 
          //Cordova加載完畢
          function onDeviceReady() {
             //監聽返回鍵按鈕事件
             document.addEventListener("backbutton", eventBackButton, false);
           }
            //返回鍵點擊響應(核心代碼)
            function eventBackButton() {
            //進入后台
             navigator.Backbutton.goHome(function() {
             console.log('go home success');
           }, function() {
                console.log('go home fail');
             });
      }
 
      </script>
  </head>
 <body onload="onLoad()">
</body>
</html>

 

 

 

3.總結
此例宜變通使用
cordova使用過程中坑還是很多的,各位同學應踩坑,填坑,切不可遇坑則退,另推薦一個不錯的UI框架Onsen UI,很好的兼容了Android和ios,並且可以完美結合Angular.js, React, Vue.js等流行框架使用。
道阻且長!!!!
 
覺得對您有幫助,賞杯咖啡喝吧!
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM