防止退出按钮退出科尔多瓦应用程序

问题描述：

我一直在努力解决这个问题，在我的科尔多瓦应用程序中，无论如何，后退按钮都会退出应用程序。我尝试了我在网上遇到的所有解决方案，但都没有取得任何成功。防止退出按钮退出科尔多瓦应用程序

我试过的所有解决方案（下面的例子）都产生了相同的结果。

document.addEventListener("backbutton", onBackKeyDown, false); 

function onBackKeyDown() { 
    // Handle the back button 
}

我的回调中的代码执行没有问题，但执行后，它退出应用程序。我可以通过在我的功能ReferenceError防止出口，例如

console.log(undefinedVar);

但这显然似乎不是最好的做法。

我试过的其他解决方案包括使用event.preventDefault()从回调函数和离子的registerBackButtonAction函数。

任何建议将不胜感激。

此代码对我的作品 - document.removeEventListener（ “后退按钮”，onBackButton，FALSE）;函数onBackButton（E）{ e.preventDefault（）; navigator.notification.confirm（“你确定要退出吗？”，onConfirm，“确认”，“是，否”）; } function onConfirm（button）{ if（button == 2）{ return; } else { navigator.app.exitApp（）; } } – Gandhi

ü可以尝试我的代码我试过了，它为我工作..它有助于防止回到其他ba上一页，...禁用Android的后退按钮键Cordova以及电话差距....谢谢 –

答

enter code here

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <title>Stopping Back Button</title> 
 
    <link rel="stylesheet" type="tex`enter code here`t/css" href="style.css"> 
 
    <script> 
 
     function getTitle() { 
 
      document.getElementById("ct").innerHTML = "DEMO: " + document.title; 
 
     } 
 
    </script> 
 
    <script type="text/javascript" charset="utf-8" src="cordova.js"></script> 
 
    <script type="text/javascript" charset="utf-8"> 
 
    // Wait for device API libraries to load 
 
    // 
 
    function onLoad() { 
 
     document.addEventListener("deviceready", onDeviceReady, false); 
 
     getTitle(); 
 
    } 
 
    // device APIs are available 
 
    // 
 
    function onDeviceReady() { 
 
     // Register the event listener 
 
     document.addEventListener("backbutton", onBackKeyDown, false); 
 
    } 
 
    // Handle the back button 
 
    // 
 
    function onBackKeyDown() { 
 
     alert('Back Button Disabled'); 
 
     console.log('Back Button Disabled'); 
 
    } 
 
    </script> 
 
    </head> 
 
    <body onload="onLoad()"> 
 
    <ul id="nav"> 
 
     <li><a href="index.html">&larr; Back</a></li> 
 
     <li><a href="#" id="ct" onclick="location.reload();"></a></li> 
 
    </ul> 
 
    </body> 
 
</html>

ü可以尝试这一个我试过了，它为我工作..谢谢 –

防止退出按钮退出科尔多瓦应用程序

相关推荐