jQuery Mobile - Android后退按钮提示确认

时间:2013-05-10 13:54:43

标签: javascript jquery eclipse cordova

我有一个jQuery移动应用程序(大约7个HTML页面)。我想更改Android中的后退按钮功能(使用带有Phonegap的Eclipse)。我尝试了所有@overwrride但它无法正常工作。

我想在每个页面上,当按下后退按钮时,得到一个提示:“你确定要退出吗?”是和否选项。

现在我有了完全退出应用程序的脚本。

<script type="text/javascript">
  document.addEventListener("deviceready", onDeviceReady, false);
  function onDeviceReady() {
    document.addEventListener("backbutton", onBackKeyDown, false);
  }
  function onBackKeyDown() {
    navigator.app.exitApp();
  }
</script>

有没有办法让函数onBackKeyDown()内部有一个jQuery窗口弹出窗口并且有一个if条件,你点击是执行navigator.app.exitApp();或者如果你没有点击就取消?

我是新手,所以我非常感谢你的帮助!

感谢。

1 个答案:

答案 0 :(得分:0)

如果我理解你的问题,你可以这样做:

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
      document.addEventListener("backbutton", onBackKeyDown, false); //Listen to the User clicking on the back button
}

function onBackKeyDown(e) {
    e.preventDefault();
    navigator.notification.confirm("Are you sure you want to exit ?", onConfirm, "Confirmation", "Yes,No"); // Prompt the user with the choice
}

function onConfirm(button) { 

    if(button==2){ //If User selected No, then we just do nothing
        return;
    }else{
        navigator.app.exitApp(); // Otherwise we quit the app.
    }
}