监听各类事件,我用的是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>
分享到:
相关推荐
4. **加速度数据**:在回调函数中,可以通过事件对象的属性获取加速度数据,如 `event.acceleration.x`、`event.acceleration.y` 和 `event.acceleration.z`,分别代表设备在 x、y、z 轴上的加速度。 5. **实际应用...
}, 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
Android 中的 PhoneGap 推送通知 这里展示的是PhoneGap inn Android的Push ... window.plugins.GCM.register("YOUR PROJECT ID", "GCM_Event", GCM_Success, GCM_Fail ); // $.ajax({ // type: 'POST', // url:
`jpush-phonegap-plugin`是`JPush`为`PhoneGap`或Cordova项目提供的插件,使得开发者能够在Web应用中使用极光推送服务。 在`ionic2`项目中使用`jpush-phonegap-plugin`,首先需要确保安装了`cordova`和`ionic`的...
在这个“phoneGap实现android平台登录例子”中,我们将探讨如何利用PhoneGap在Android平台上创建一个简单的登录功能,这对于初学者来说是一个很好的入门实践。 首先,我们需要了解PhoneGap的基础知识。PhoneGap是...
在处理数据交换时,PhoneGap 应用通常会遇到跨域问题,因为浏览器的安全策略限制了从不同源获取数据。JSONP(JSON with Padding)是一种常见的解决跨域数据请求的方法,但它与 JSON(JavaScript Object Notation)...
<title>PhoneGap Event Example <script type="text/javascript" charset="utf-8" src="phonegap.js"> <script type="text/javascript" charset="utf-8"> function onLoad() { document.addEventListener(...
添加了在 PhoneGap 应用程序的日历中创建和编辑事件的功能。 遵循,以便它与一起,或者您可以在下面手动安装它。 var calendar = cordova.require("cordova/plugin/Calendar"); /* Adds an event to the ...
PhoneGap Notifications Test是一个基于JavaScript的项目,用于演示如何在PhoneGap应用中实现推送通知功能。PhoneGap是一个跨平台的移动开发框架,它允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用。这个...
- 操作系统和开放联盟:讨论PhoneGap与Android操作系统的关系,以及其在开放源码社区的角色。 - 接口和工具:学习使用PhoneGap所需的开发环境和工具,如Android SDK等。 2. **HTML5 API和Event事件** - HTML5...
这个“todolist:学习phonegap”的项目显然旨在帮助初学者了解如何使用PhoneGap来开发一个简单的待办事项应用。下面将详细介绍PhoneGap的核心概念、工作原理以及如何用JavaScript实现一个基本的待办事项列表。 ...
1. Event Handling:JavaScript事件处理是实现游戏交互的关键。当用户点击棋盘格时,对应的事件监听器会触发,执行放置棋子的函数。 2. Game Logic:JavaScript负责游戏的逻辑处理,包括检查游戏是否结束(是否有三...
= null && event.getAction() == KeyEvent.ACTION_DOWN && event.getKeyCode() == KeyEvent.KEYCODE_ENTER)) { // 用户点击了“完成”键或者按下了回车键,认为输入完成 String inputText = editText.getText()....
服务器端通常使用HTTP的`Content-Type: text/event-stream`头来标识这是一个SSE流,并且数据格式通常是文本,可以包含JSON或其他结构化的数据。 PhoneGap应用结合SSE,可以使移动应用也能享受到即时更新的好处,而...
在移动应用开发中,尤其是在使用PhoneGap框架构建跨平台应用时,与设备原生功能的交互是必不可少的。"calendarOnce"是一个专为PhoneGap设计的插件,允许开发者在Android平台上便捷地访问和添加日历事件。本文将深入...
cordova(ionic / phonegap)插件:“ js调用原生” 用法 该插件公开以下方法: cordova . plugins . jsCallNative . run ( success , error ) ; you should define a function called "sayHi()" in the "index....
首先确保已经安装了PhoneGap CLI,这是一个强大的工具,用于创建、管理和部署跨平台的移动应用。如果你还没有安装,可以通过官方网站获取并按照指南进行安装。 2. 添加插件 在命令行界面中,定位到你的项目目录,...
在这个教程中,我们将深入探讨如何将JavaScript与Google Maps JavaScript API v3集成,以便在PhoneGap/Cordova应用中实现地图功能。 首先,要开始使用Google Maps API,你需要在Google Cloud Console中创建一个项目...
服务器端发送事件(EventSource)是HTML5中的一项特性,它允许服务器向客户端主动发送数据,而无需客户端进行轮询。这样,网页就可以实时获得服务器端的更新数据。 HTML5还包括一系列的新标签,例如页脚(footer)...