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. }

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

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

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

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

  22. </script>
  23. </head>
  24. <body>
  25. </body>
  26. </html>
复制代码





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