Phonegap Android Back Button - đóng ứng dụng với nút quay lại trên trang chủ

Question

Tôi đang phát triển một ứng dụng Android bằng Jquery Mobile/Phonegap. Tôi có mã sau đây để điều khiển nút quay lại của điện thoại:

document.addEventListener("backbutton", backKeyDown, true); 


function backKeyDown() { 
    // Call my back key code here. 
    $.mobile.changePage("#homepage", "slideup"); 
} 

Tất cả đều hoạt động tốt, nhưng tôi muốn ứng dụng đóng khi nhấn nút quay lại trên trang chủ, điều này có khả thi không?

Answer 1

Cập nhật: này đã ngừng làm việc với một bản cập nhật PhoneGap mới nhất (được cho là). Vui lòng cung cấp giải pháp làm việc nếu bạn biết.

---

Đây là cách tôi làm điều đó:

document.addEventListener("backbutton", function(e){ 
    if($.mobile.activePage.is('#homepage')){ 
     /* 
     Event preventDefault/stopPropagation not required as adding backbutton 
      listener itself override the default behaviour. Refer below PhoneGap link. 
     */ 
     //e.preventDefault(); 
     navigator.app.exitApp(); 
    } 
    else { 
     navigator.app.backHistory() 
    } 
}, false); 

Để biết thêm thông tin, ở đây bạn có thể tìm thấy những tài liệu có liên quan với một ví dụ đầy đủ: http://docs.phonegap.com/en/2.0.0/cordova_events_events.md.html#backbutton

Answer 2

Bạn cần phải theo dõi thời điểm trang chủ được hiển thị. Khi biết bạn đang ở trên trang web của cuộc gọi:

navigator.app.exitApp(); 

Answer 3

document.addEventListener("deviceready", onDeviceReady, false); 
function onDeviceReady() { 
    document.addEventListener("backbutton", onBackKeyDown, false); 
} 
function onBackKeyDown() 
{ 
navigator.app.exitApp(); 
} 

Cảm ơn bạn Spader.

Answer 4

Nếu bạn không muốn sử dụng jQuery Mobile, thay đổi $.mobile.activePage.is('#homepage')-document.getElementById('#homepage') trên @Spadar Shut câu trả lời, như trên đoạn mã sau:

document.addEventListener("deviceready", onDeviceReady, false); 

    function onDeviceReady(){ 
     document.addEventListener("backbutton", function(e){ 
      if(document.getElementById('#homepage')){ 
       e.preventDefault(); 
       navigator.app.exitApp(); 
      } 
      else { 
       navigator.app.backHistory() 
      } 
     }, false); 
    } 

Qua cách này, không cần phải tải về Jquery Mobile gibberish chỉ cho mục đích này. Also, activePage is deprecated as of JQuery mobile 1.4.0 và sẽ bị xóa khỏi 1.5.0. (Use the getActivePage() method from the pagecontainer widget instead)