PhoneGap中文网

标题: PhoneGap backbutton事件，当用户点击后退按钮时发生的事件 [打印本页]
作者: admin    时间: 2013-6-20 20:30
标题: PhoneGap backbutton事件，当用户点击后退按钮时发生的事件
当用户在Android系统上点击后退按钮的时候触发此事件。
  1. document.addEventListener("backbutton", yourCallbackFunction, false);
复制代码
详述：                                
  如果你需要在Android系统上重载默认后退按钮的行为，可以通过注册一个事件监听器来监听“backbutton”事件。它不再需求调用任何其他方法来重载后退按钮行为，现在你只需要为“backbutton”事件注册一个事件监听器。                                
                                                        
  通常情况下，你需要在接收到PhoneGap的“deviceready”事件后，使用document.addEventListener来附加该事件监听器。                                
                        
  支持的平台：                                                                                
                        
  简单的范例：
  1. <span class="operand builtin">
  2. document.addEventListener("backbutton", onBackKeyDown, false);
  3.    
  4. function onBackKeyDown() {
  5.    // 处理后退按钮操作
  6. }

  8. </span><span class="paren"></span>
复制代码
完整的范例：

  2. <!DOCTYPE html>
  3. <html>
  4. <head>   
  5. <title>PhoneGap Device Ready Example</title>

  7. <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
  8. <script type="text/javascript" charset="utf-8">

  10.     // 当PhoneGap加载完毕后调用onDeviceReady回调函数
  11.     // 此时，该文件已加载完毕但phonegap.js还没有加载完毕。
  12.     // 当PhoneGap加载完毕并开始和本地设备进行通讯，
  13.     // 会触发“deviceready”事件
  14.     document.addEventListener("deviceready", onDeviceReady, false);
  15.    
  16.     // PhoneGap is loaded and it is now safe to make calls PhoneGap methods
  17.     function onDeviceReady() {
  18.         // 注册回退按钮事件监听器
  19.            document.addEventListener("backbutton", onBackKeyDown, false);
  20.     }
  21.    
  22.     // 处理后退按钮操作
  23.     function onBackKeyDown() {
  24.     }

  26. </script>
  27. </head>
  28. <body>
  29. </body>
  30. </html>
复制代码




欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/) Powered by Discuz! X3.2