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. 我的消灭复杂password之行

    近期几天.网易一直提示邮箱账号异常.特意去查看了一下,发现须要改动password.可是经常使用的password又不让反复使用.于是无奈之下.就想办法消灭这些复杂password,由于实在是太难(g ...

  2. Python Theano TypeError: Cannot convert Type TensorType(float64, vector) (of Variable Subtensor{int64:int64:}.0) into Type TensorType(float64, matrix)

    参考: https://groups.google.com/forum/#!topic/theano-users/teA-07wOFpE 这个问题出现的原因是,我在读文件的时候,应该Train_X读成 ...

  3. 【JavaEE】Springmvc+Spring+Hibernate整合及example

    前面两篇文章,分别介绍了Springmvc和Spring的搭建方法,本文再搭建hibernate,并建立SSH最基本的代码结构. Hibernate和前面两个比就比较复杂了,Hibernate是一个o ...

  4. linux oracle配置开机启动

    参考:http://jingyan.baidu.com/article/b2c186c8fe4306c46ef6ff16.html 先以root身份登录到linux系统, 1. 修改vi /etc/o ...

  5. struts2之constant 讲解 (转)

    struts.serve.static.browserCache 该属性设置浏览器是否缓存静态内容.当应用处于开发阶段时,我们希望每次请求都获得服务器的最新响应,则可设置该属性为false. stru ...

  6. ExtJs学习-搭建开发环境

    Extjs是一个非常棒的ajax框架,可以用来开发十分绚丽外观的客户端框架,能使B/S框架更加具有活力.它是一个用javascript编写的框架,与后台技术无关的ajax框架.因此,可以把ExtJs使 ...

  7. 一步步学习python

    python是一种功能比较强的脚本,尤其是在网络应用上,又称作:胶水语言.具体的简介可以在维基百科.百度百科等查得到他的发展史,有事一贯犹 如unix linux等老外打发无聊时间发明的强大工具,这是 ...

  8. linux 复制粘贴

    如果想把文件内的第三行内容黏贴到第十五行: 1.进入你的文件,(处于命令模式,而不是编辑模式) 2.将你的光标移到你的第三行的开头(用方向键) 3,按下v,(你发现切换到可视模式了),按方向键,知道选 ...

  9. NewtonSoft.Json NULL转空字符串

    from:http://www.cnblogs.com/hetuan/articles/4565702.html NewtonSoft.Json对需要转为JSON字符串的对象的NULL值以及DBNul ...

  10. <2013 08 26> 雅思听力相关

    近两日开始接触雅思题型,初步做了6套剑桥雅思题的听力部分,完成情况还可以,这里做个总结. 1.听力总共约40左右道题目,30min左右完成,结束后有十分钟把答案写到答题卷上.所有听力材料都只播放一遍! ...