通过Javascript处理Windows Phone 7后退按钮

Windows Phone 7 Back Button Handling through Javascript

本文关键字：按钮 Phone Javascript 处理 Windows 通过      更新时间：2024-05-18

我想知道当我们通过javascript点击win phone 7后退按钮时，我们如何执行事件。。

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

function onDeviceReady() {
            document.addEventListener("backbutton", onBackKeyDown, false);
}
function onBackKeyDown() {
//want to redirect a particular page.?? want to handle functioning of back button
}

尝试以下操作：

<!DOCTYPE html>
<html>
  <head>
    <title>gaurish's Cordova Back Button Example</title>
    <script type="text/javascript" charset="utf-8" src="cordova-2.0.0.js"></script>
    <script type="text/javascript" charset="utf-8">
    // Call onDeviceReady when Cordova is loaded.
    //
    // At this point, the document has loaded but cordova-2.0.0.js has not.
    // When Cordova is loaded and talking with the native device,
    // it will call the event `deviceready`.
    //
    function onLoad() {
        document.addEventListener("deviceready", onDeviceReady, false);
    }
    // Cordova is loaded and it is now safe to call Cordova methods
    //
    function onDeviceReady() {
        // Register the event listener
        document.addEventListener("backbutton", onBackKeyDown, false);
    }
    // Handle the back button
    //
    function onBackKeyDown() {
    }
    </script>
  </head>
  <body onload="onLoad()">
  </body>
</html>

现在，测试这个

  1. 在想要运行的onBackKeyDown()中添加一些代码，例如

    function onBackKeyDown() { currentId = $.mobile.activePage.attr('id'); if(currentId == "#swipediv"){ $.mobile.changePage("#home", "slide", false, true); } else{ history.go(-1); } }

  2. 装载cordova-2.0.0.js

  3. checkout WP7 PhoneGap Backbutton Support重新访问
  4. 阅读文档

如果这仍然不起作用，请提交一份错误报告。

相关文章：