`
fanfq
  • 浏览: 267773 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

phonegap-event

 
阅读更多
监听各类事件,我用的是phonegap2.0.0的版本,越高级的版本支持功能就越多。
<!DOCTYPE html>
<html>
  <head>
    <title>Event Example</title>

	<script type="text/javascript" charset="utf-8" src="jquery-1.8.1.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="cordova-2.0.0.js"></script>
    <script type="text/javascript" charset="utf-8">

    
    // Wait for Cordova to load
    // details plz see http://docs.phonegap.com/en/2.0.0/cordova_events_events.md.html#Events
    document.addEventListener("deviceready", onDeviceReadyEvent, false);
    document.addEventListener("pasue", onPasueEvent, false);
    document.addEventListener("resume", onResumeEvent, false);
    document.addEventListener("online", onlineEvent, false);
    document.addEventListener("offline", offlineEvent, false);
    document.addEventListener("backbutton", onBackbuttonEvent, false);
    document.addEventListener("batterycritical", onBatterycriticalEvent, false);
    document.addEventListener("batterylow", onBatterylowEvent, false);
    document.addEventListener("batterystatus", onBatterystatusEvent, false);
    document.addEventListener("menubutton", onMenubuttonEvent, false);
    document.addEventListener("startcallbutton", onStartcallbuttonEvent, false);
    document.addEventListener("volumedownbutton", onVolumedownbuttonEvent, false);
    document.addEventListener("volumeupbutton", onVolumeupbuttonEvent, false);


    // Cordova is ready
    //
    function onDeviceReadyEvent() {
    	$("#msg").append("==>onDeviceReadyEvent<p/>");
    }
    
    function onPasueEvent() {
    	$("#msg").append("==>onPasueEvent<p/>");
    }
    
    function onResumeEvent() {
    	$("#msg").append("==>onResumeEvent<p/>");
    }
    
    function onlineEvent() {
    	$("#msg").append("==>onlineEvent<p/>");
    }
    
    function offlineEvent() {
    	$("#msg").append("==>offlineEvent<p/>");
    }
    
    function onBackbuttonEvent() {
    	$("#msg").append("==>onBackbuttonEvent<p/>");
    }
    
    function onBatterycriticalEvent() {
    	$("#msg").append("==>onBatterycriticalEvent<p/>");
    }
    
    function onBatterylowEvent() {
    	$("#msg").append("==>onBatterylowEvent<p/>");
    }
    
    function onBatterystatusEvent() {
    	$("#msg").append("==>onBatterystatusEvent<p/>");
    }
    
    function onMenubuttonEvent() {
    	$("#msg").append("==>onMenubuttonEvent<p/>");
    }
    
    function onStartcallbuttonEvent() {
    	$("#msg").append("==>onStartcallbuttonEvent<p/>");
    }
    
    function onVolumedownbuttonEvent() {
    	$("#msg").append("==>onVolumedownbuttonEvent<p/>");
    }
    
    function onVolumeupbuttonEvent() {
    	$("#msg").append("==>onVolumeupbuttonEvent<p/>");
    }

    </script>
  </head>
  <body>
    <h1>Event Example</h1>
    <div id="msg"></div>
  </body>
</html>
分享到:
评论

相关推荐

    phonegap-device-motion:PhoneGap 培训

    4. **加速度数据**:在回调函数中,可以通过事件对象的属性获取加速度数据,如 `event.acceleration.x`、`event.acceleration.y` 和 `event.acceleration.z`,分别代表设备在 x、y、z 轴上的加速度。 5. **实际应用...

    ogury-phonegap-plugin

    }, onAdEvent: function(event) { console.log('onAdEvent called here'); if(event == 'AdFound') { console.log('AD FOUND'); // If you want to do specific stuff when an ad is about to be display

    PhoneGap-Push-Notification-in-Android:Android 中的 PhoneGap 推送通知

    Android 中的 PhoneGap 推送通知 这里展示的是PhoneGap inn Android的Push ... window.plugins.GCM.register("YOUR PROJECT ID", "GCM_Event", GCM_Success, GCM_Fail ); // $.ajax({ // type: 'POST', // url:

    ionic2极光推送的封装基于jpushphonegapplugin

    `jpush-phonegap-plugin`是`JPush`为`PhoneGap`或Cordova项目提供的插件,使得开发者能够在Web应用中使用极光推送服务。 在`ionic2`项目中使用`jpush-phonegap-plugin`,首先需要确保安装了`cordova`和`ionic`的...

    phoneGap实现android平台登录例子

    在这个“phoneGap实现android平台登录例子”中,我们将探讨如何利用PhoneGap在Android平台上创建一个简单的登录功能,这对于初学者来说是一个很好的入门实践。 首先,我们需要了解PhoneGap的基础知识。PhoneGap是...

    phonegap 中如何直接使用json格式数据

    在处理数据交换时,PhoneGap 应用通常会遇到跨域问题,因为浏览器的安全策略限制了从不同源获取数据。JSONP(JSON with Padding)是一种常见的解决跨域数据请求的方法,但它与 JSON(JavaScript Object Notation)...

    PhoneGap,API帮助文档翻译整理7-Events_(消息)

    &lt;title&gt;PhoneGap Event Example &lt;script type="text/javascript" charset="utf-8" src="phonegap.js"&gt; &lt;script type="text/javascript" charset="utf-8"&gt; function onLoad() { document.addEventListener(...

    CalendarPlugin:添加了在日历中为 PhoneGap 应用程序创建和编辑事件的功能

    添加了在 PhoneGap 应用程序的日历中创建和编辑事件的功能。 遵循,以便它与一起,或者您可以在下面手动安装它。 var calendar = cordova.require("cordova/plugin/Calendar"); /* Adds an event to the ...

    phonegap_notifications_test:电话间隙示例的推送通知

    PhoneGap Notifications Test是一个基于JavaScript的项目,用于演示如何在PhoneGap应用中实现推送通知功能。PhoneGap是一个跨平台的移动开发框架,它允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用。这个...

    中科院计算所Android开发技术培训大纲.doc

    - 操作系统和开放联盟:讨论PhoneGap与Android操作系统的关系,以及其在开放源码社区的角色。 - 接口和工具:学习使用PhoneGap所需的开发环境和工具,如Android SDK等。 2. **HTML5 API和Event事件** - HTML5...

    todolist:学习phonegap

    这个“todolist:学习phonegap”的项目显然旨在帮助初学者了解如何使用PhoneGap来开发一个简单的待办事项应用。下面将详细介绍PhoneGap的核心概念、工作原理以及如何用JavaScript实现一个基本的待办事项列表。 ...

    game-jzq:井字棋 html5+css3[完成,已移植到phonegap] 在线测试地址===>

    1. Event Handling:JavaScript事件处理是实现游戏交互的关键。当用户点击棋盘格时,对应的事件监听器会触发,执行放置棋子的函数。 2. Game Logic:JavaScript负责游戏的逻辑处理,包括检查游戏是否结束(是否有三...

    EditText监听输入完成

    = null && event.getAction() == KeyEvent.ACTION_DOWN && event.getKeyCode() == KeyEvent.KEYCODE_ENTER)) { // 用户点击了“完成”键或者按下了回车键,认为输入完成 String inputText = editText.getText()....

    serverpush:服务器推送

    服务器端通常使用HTTP的`Content-Type: text/event-stream`头来标识这是一个SSE流,并且数据格式通常是文本,可以包含JSON或其他结构化的数据。 PhoneGap应用结合SSE,可以使移动应用也能享受到即时更新的好处,而...

    calendarOnce:再次测试

    在移动应用开发中,尤其是在使用PhoneGap框架构建跨平台应用时,与设备原生功能的交互是必不可少的。"calendarOnce"是一个专为PhoneGap设计的插件,允许开发者在Android平台上便捷地访问和添加日历事件。本文将深入...

    js-call-native:cordova(ionicphonegap)插件

    cordova(ionic / phonegap)插件:“ js调用原生” 用法 该插件公开以下方法: cordova . plugins . jsCallNative . run ( success , error ) ; you should define a function called "sayHi()" in the "index....

    Calendar-for-Android

    首先确保已经安装了PhoneGap CLI,这是一个强大的工具,用于创建、管理和部署跨平台的移动应用。如果你还没有安装,可以通过官方网站获取并按照指南进行安装。 2. 添加插件 在命令行界面中,定位到你的项目目录,...

    jsmap1:PhonegapCordova 与 Google Maps Javascript v3 API 的集成

    在这个教程中,我们将深入探讨如何将JavaScript与Google Maps JavaScript API v3集成,以便在PhoneGap/Cordova应用中实现地图功能。 首先,要开始使用Google Maps API,你需要在Google Cloud Console中创建一个项目...

    h5 jquerymobile的一些东西

    服务器端发送事件(EventSource)是HTML5中的一项特性,它允许服务器向客户端主动发送数据,而无需客户端进行轮询。这样,网页就可以实时获得服务器端的更新数据。 HTML5还包括一系列的新标签,例如页脚(footer)...

Global site tag (gtag.js) - Google Analytics