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实现pdf对页面的打印

    //-------------------------------点击打印的图标--------------------------------- <div class="dcsc&q ...

  2. Spring4 MVC+ AngularJS CRUD使用$http实例

    这篇文章显示了使用Spring MVC4整合AngularJS.我们将创建一个使用后端和AngularJS作为前端的纯JSP封装Spring REST API一个CRUD应用程序, 使用 $http ...

  3. hdu 1534(差分约束+spfa求最长路)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1534 思路:设s[i]表示工作i的开始时间,v[i]表示需要工作的时间,则完成时间为s[i]+v[i] ...

  4. tomcat启动不起来，不知原因，没有报错日志，控制台一闪而过 怎么办

    在startup.bat文件中 编辑,在最后一行回车 加上一个词pause,暂停,然后再启动就看见控制台的错误信息啦,然后就自己解决吧

  5. iOS学习笔记(四)——iOS应用程序生命周期

    开发应用程序都要了解其生命周期,开始接触android时也是从应用程序生命周期开始的,android的应用程序生命周期更多是其组件的生命周期,例如Activity.Service.今天我们接触一下iO ...

  6. Java多线程同步锁的理解

    java主要通过synchronized的关键字来实现的.让我们从一个买票程序说起吧. package com.day04; /** * * @author Administrator 问题描述:使用 ...

  7. zookeeper 命令行使用

    先用简易的客户端链接上 默认链接的就是本机上面的zkserver 我一上来help 下.没办法 ,用的少,先喊一声救命 ,看看有没有人救我! [zk: localhost:2181(CONNECTED ...

  8. mongodb安全配置

    1. 为数据库增加管理员 use admin db.createUser({ >user:'userName', pwd:'password', roles:[{role:'userAdminA ...

  9. Encrypt your home directory

    w

  10. Could not create ServerSocket on address 0.0.0.0/0.0.0.0:9083

    遇到这种情况大家都找不到头绪,是因为你开始运行了hive的metastore,可以输入jps 然后出现如下: 红线所示就是hive metastore的进程 为了重新启动,需要把这个进杀掉: kill ...