PhoneGap中文网

 找回密码
 立即注册
查看: 21965|回复: 0
打印 上一主题 下一主题

PhoneGap backbutton事件,当用户点击后退按钮时发生的事件

[复制链接]

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
跳转到指定楼层
楼主
发表于 2013-6-20 20:30:57 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
当用户在Android系统上点击后退按钮的时候触发此事件。
  1. document.addEventListener("backbutton", yourCallbackFunction, false);
复制代码
详述:                                
  如果你需要在Android系统上重载默认后退按钮的行为,可以通过注册一个事件监听器来监听“backbutton”事件。它不再需求调用任何其他方法来重载后退按钮行为,现在你只需要为“backbutton”事件注册一个事件监听器。                                
                                                        
  通常情况下,你需要在接收到phonegap的“deviceready”事件后,使用document.addEventListener来附加该事件监听器。                                
                        
  支持的平台:                                                
  •    Android
  • BlackBerry WebWorks (OS 5.0 或更高)
                                
                        
  简单的范例:
  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>
复制代码
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-11-27 11:22 , Processed in 0.093610 second(s), 32 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表