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. js或jquery实现页面打印(局部打印)

    首先定义css样式:  复制代码代码如下: @media print { .noprint { display: none;color:green } }  对于不想打印的内容只用在标签中加上 cla ...

  2. [搬家]新域名 akagi201.org

    现在感觉自己做了好多年的垃圾信息制造者 以后只在网络上发布有用的东西, 垃圾或者对别人没用的东西就放到自己的硬盘上把 http://akagi201.org

  3. dm8148 开发之---IDR帧

    IDR帧属于I帧. 解码器收到IDR帧时,将所有的参考帧队列丢弃(用x264_reference_reset函 数实现——在encoder.c文件中).这点是所有I帧共有的特性,但是收到IDR帧 时, ...

  4. Oracle数据迁移expdp/impdp

    Oracle数据迁移expdp/impdp目的:指导项目侧自行进行简单的数据泵迁移工作. 本文实验环境:Oracle 11.2.0.4,利用数据库自带的scott示例用户进行试验测试. 1.首先需要创 ...

  5. GDB调试，转载一位大牛的东西

    http://www.wuzesheng.com/?p=1327 手把手教你玩转GDB(一)——牛刀小试:启动GDB开始调试 写在最前面:GDB是unix相关操作系统中C/C++程序开发必不可少的工具 ...

  6. thinkPHP为什么设置一个单入口文件？

    TP3.2的具体解释: ThinkPHP采用单一入口模式进行项目部署和访问,无论完成什么功能,一个应用都有一个统一(但不一定是唯一)的入口. 应该说,所有应用都是从入口文件开始的,并且不同应用的入口文 ...

  7. Tomcat访问日志详细配置(转)

    在server.xml里的<host>标签下加上<Valve className="org.apache.catalina.valves.AccessLogValve&qu ...

  8. Oracle Delete与系统资源

    在用Delete删除数据时,SQL语句首先要通过全表扫描或索引扫描找到符合条件的记录并删除. 然而在这个过程中将消耗大量的CPU资源,I/O资源以及UNDO数据. 如果删除的数据量较大,将极大的影响系 ...

  9. 普通摄像机也能做互联网HLS(m3u8)、RTMP、HTTP-FLV直播？是的，采用基于GBT28181协议的EasyGBS流媒体服务

    在之前的一篇博客<EasyNVR和EasyDSS云平台联手都不能解决的事情,只有国标GB28181能解决了>我们介绍了很多应用场景里面,RTSP和RTMP直播协议都无法满足应用需求时,国标 ...

  10. C#反射Assembly 详细说明(转)

    1.对C#反射机制的理解2.概念理解后,必须找到方法去完成,给出管理的主要语法3.最终给出实用的例子,反射出来dll中的方法 反射是一个程序集发现及运行的过程,通过反射可以得到*.exe或*.dll等 ...