PhoneGap API Events

backbutton
deviceready
menubutton
pause
resume
online
offline
batterycritical
batterylow
batterystatus
volumedownbutton
volumeupbutton

点击下载源代码包

参考代码

<!DOCTYPE html>

<html>

  <head>

    <title>

      PhoneGap Device Ready Example

    </title>

    <link

        href="content/css/themes/default/jquery.mobile.structure-1.4.0-beta.1.min.css"

        rel="stylesheet"

        type="text/css"/>

    <link href="content/css/themes/default/jquery.mobile-1.4.0-beta.1.min.css" rel="stylesheet" type="text/css"/>

    <script src="content/js/jquery.js" type="text/javascript">

    </script>

    <script src="content/js/jquery.mobile-1.4.0-beta.1.js" type="text/javascript">

    </script>

    <script src="content/js/cordova.js" type="text/javascript">

    </script>

    <script type="text/javascript">

      $(function(){

        //当PhoneGap被完全加载后会触发该事件。

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

        })

        function onDeviceReady() {

          // 现在可以安全使用PhoneGap API

          //alert('deviceready');

          console.log('deviceready');

          //当PhoneGap应用程序被放到后台的时候触发此事件。

          document.addEventListener('pause', onPause, false);

          //当PhoneGap应用程序被恢复到前台运行的时候触发此事件。

          document.addEventListener('resume', onResume, false);

          //当用户在Android系统上点击后退按钮的时候触发此事件。

          document.addEventListener('backbutton', onBackButton, false);

          //当用户在Android系统上点击菜单按钮的时候触发此事件。

          document.addEventListener('menubutton', onMenuButton, false);

          //当PhoneGap应用程序离线（没有连接到因特网）的时候触发此事件。

          document.addEventListener('offline', isOffline, false);

          //当PhoneGap应用程序在线（连接到因特网）的时候触发此事件。

          document.addEventListener('online', isOnline, false);

          //当PhoneGap应用程序发现电池电量降低到临界点时会触发此事件。

          window.addEventListener('batterycritical', onBatteryCritical, false);

          //当PhoneGap应用程序发现电池降到一个较低水平值时触发此事件。

          window.addEventListener('batterylow', onBatteryLow, false);

          //当PhoneGap应用程序发现电池状态发生改变时触发此事件。

          window.addEventListener('batterystatus', onBatteryStatus, false);

          //当用户按下加大音量按钮时会触发该事件。

          document.addEventListener('volumeupbutton', onVolumeUpKeyDown, false);

        }

        //统计点击数量

        var backbuttoncount=0;

        var menubuttoncount=0;

        var volumeupbuttoncount=0;

        function onPause(){

          console.log('onPause');

        }

        function onResume(){

          console.log('onResume');

        }

        function onBackButton() {

          console.log('onBackButton');

          backbuttoncount++;

          $('#backbuttoncount').text('后退按钮点击'+backbuttoncount+'次');

        }

        function onMenuButton() {

          console.log('onMenuButton');

          menubuttoncount++;

          $('#menubuttoncount').text('菜单按钮点击'+menubuttoncount+'次');

        }

        function isOffline() {

          console.log('Offline');

          $('#ispson').text('没有连接到因特网');

        }

        function isOnline() {

          console.log('isOnline');

          $('#ispson').text('连接到因特网');

        }

        function onBatteryCritical(info) {

          //处理电池电量不足的事件。

          alert("电池电量不足" + info.level + "%");

        }

        function onBatteryLow(info) {

          // 处理电池电量低的事件

          alert("电池电量低 " + info.level + "%");

        }

        function onBatteryStatus(info) {

          // 处理电池状态发生改变的事件

          console.log("电池状态: " + info.level + " 是否充电: " + info.isPlugged);

          $('#batteryinfo').text('电池状态:'  + info.level + '是否充电: '  + info.isPlugged);

        }

        function onVolumeUpKeyDown() {

          // 处理声音增大按钮事件

          console.log('onVolumeUpKeyDown');

          volumeupbuttoncount++;

          $('#volumeupbuttoncount').text('声音增大按钮点击'+volumeupbuttoncount+'次');

        }

      </script>

    </head>

    <body>

      <div data-role="page" id="page">

        <h1>

          Events效果

        </h1>

        <label for="textinput-disabled">

          [后退按钮]:

        </label>

        <a href="#" data-role="button" id="backbuttoncount">

          次数

        </a>

        <label for="textinput-disabled">

          [菜单按钮]:

        </label>

        <a href="#" data-role="button" id="menubuttoncount">

          次数

        </a>

        <label for="textinput-disabled">

          [声音增大按钮]有些平台不支持:

        </label>

        <a href="#" data-role="button" id="volumeupbuttoncount">

          次数

        </a>

        <a href="#" data-role="button" id="batteryinfo">

          电池状态

        </a>

        <a href="#" data-role="button" id="ispson">

          网络连接状态

        </a>

      </div>

    </body>

  </html>

参考中文API文档:http://www.phonegapcn.com/events

声明：本博客高度重视知识产权保护，发现本博客发布的信息包含有侵犯其著作权的链接内容时，请联系我，我将第一时间做相应处理,联系邮箱ffgign@qq.com。

跨平台移动开发_PhoneGap API 事件类型的更多相关文章

  1. 跨平台移动开发_PhoneGap API Camera 使用摄像头采集照片.

    camera对象提供对设备默认摄像头应用程序的访问. 程序运行效果 相关代码 <!DOCTYPE html> <html> <head> <title> ...

  2. 跨平台移动开发_PhoneGap 使用Geolocation基于所在地理位置坐标调用百度地图API

    使用Geolocation基于所在地理位置坐标调用百度地图API 效果图 示例代码 <!DOCTYPE html> <html> <head> <title& ...

  3. 跨平台移动开发_PhoneGap 警告,通知,鸣叫,振动4 种通知类型

    创建鸣叫  使用 confirmation.beep 创建鸣叫 function playBeep() {     navigator.notification.beep(1); } 创建振动  使用 ...

  4. 跨平台移动开发_PhoneGap 再次点击返回键切换到桌面效果

    PhoneGap 再次点击返回键切换到桌面效果 相关代码 <!DOCTYPE html> <html> <head> <title> PhoneGap ...

  5. 跨平台移动开发_PhoneGap 使用Accelerometer 加速器

    使用Accelerometer 加速器效果图 示例代码 <!DOCTYPE html> <html> <head> <title> Cude Phone ...

  6. inux 驱动程序开发中输入子系统总共能产生哪些事件类型（EV_KEY,EV_ABS,EV_REL)

    inux 驱动程序开发中, 输入子系统总共能产生哪些事件类型?,以及分别是什么意思?详见如下: Linux中输入设备的事件类型有EV_SYN 0x00 同步事件EV_KEY 0x01 按键事件,如KE ...

  7. .NET Core 跨平台物联网开发：设置委托事件(二)

    系列教程目录 (一) 连接阿里云IOT (二) 设置委托事件 (三) 上报属性 (四)  SDK文档 属性.方法.委托.类 http://pan.whuanle.cn/index.php?dir=up ...

  8. 全球首个全流程跨平台界面开发套件，PowerUI分析

    一.       首个全流程跨平台界面开发套件,PowerUI正式发布 UIPower在DirectUI的基础上,自主研发全球首个全流程跨平台界面开发套件PowerUI(PUI)正式发布,PowerU ...

  9. 【转贴】-- 基于QT的跨平台应用开发

    原帖地址:http://www.cnblogs.com/R0b1n/p/4106613.html 1 Qt简介 Qt是1991年奇趣科技开发的一个跨平台的C++图形用户界面应用程序框架.它提供给应用程 ...

随机推荐

  1. Android仿QQ复制昵称效果2

    本文同步自http://javaexception.com/archives/77 背景: 在上一篇文章中,给出了一种复制QQ效果的方案,今天就来讲讲换一种方式实现.主要依赖的是一个开源项目https ...

  2. 继续聊WPF——动态数据模板

    我为啥称之为“动态数据模板”?先看看下面的截图,今天,我们就是要实现这种功能. 大概是这样的,我们定义的DataTemplate是通过触发器动态应用到 ComboBoxItem 上. 这个下拉列表控件 ...

  3. 2205 Problem B

    问题 B: [高精度]简单高精度加法 时间限制: 1 Sec  内存限制: 64 MB 提交: 77  解决: 25 [提交][状态][讨论版] 题目描述 修罗王解决了计算机的内存限制问题,终于可以使 ...

  4. 服务器之ipmitool

    一般命令 raw #发送一个原始的IPMI请求,并且打印回复信息. Lan #配置网络(lan)信道(channel) chassis #查看底盘的状态和设置电源 event #向BMC发送一个已经定 ...

  5. POJ 1861 &amp; ZOJ 1542 Network（最小生成树之Krusal）

    题目链接: PKU:http://poj.org/problem?id=1861 ZJU:http://acm.zju.edu.cn/onlinejudge/showProblem.do?proble ...

  6. iphone断点下载，断点续传

    本文转载至 http://blog.csdn.net/zaitianaoxiang/article/details/6650469 - (void)loadView { NSURLConnection ...

  7. 生产者——消费者模型的java代码实现

    生产者 import java.util.Random; public class Producer extends Thread { private Storage<Product> s ...

  8. 《数据结构（C#语言描述）》

    本文转载自abatei,数据结构学了很多次,但是只是知道硬性的概念,现在专攻C#语言,对编程语言也有了更深的认识, 买一本C#的数据结构来看看,再一次加深对数据结构的学习,真是一件让人高兴的事. 当当 ...

  9. Cocos2d-x Lua中多场景切换生命周期

    在多个场景切换时候,场景的生命周期会更加复杂.这一节我们介绍一下场景切换生命周期.多个场景切换时候分为几种情况:情况1,使用pushScene函数从实现GameScene场景进入SettingScen ...

  10. Maven国内高速镜像

    大家都知道国外Maven中央仓库下载jar 没谁了速度, 给大家分享个国内666的Maven镜像 阿里云Maven镜像  希望能帮到大家: 配置下setting.xml即可: <mirrors& ...