PhoneGap学习地址 / PhoneGap API介绍:Events
http://blog.csdn.net/phonegapcn
事件类型:
- backbutton
- deviceready
- menubutton
- pause
- resume
- searchbutton
- online
- offline
backbutton
- 当用户在Android系统上点击后退按钮的时候触发此事件。
- document.addEventListener("backbutton", yourCallbackFunction, false);
详述:
- 如果你需要在Android系统上重载默认后退按钮的行为,可以通过注册一个事件监听器来监听“backbutton”事件。它不再需求调用任何其他方法来重载后退按钮行为,现在你只需要为“backbutton”事件注册一个事件监听器。
- 通常情况下,你需要在接收到PhoneGap的“deviceready”事件后,使用document.addEventListener来附加该事件监听器。
支持的平台:
- Android
简单的范例:
- document.addEventListener("backbutton", onBackKeyDown, false);
- function onBackKeyDown() {
- // 处理后退按钮操作
- }
完整的范例:
- <!DOCTYPE html>
- <html>
- <head>
- <title>PhoneGap Device Ready Example</title>
- <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
- <script type="text/javascript" charset="utf-8">
- // 当PhoneGap加载完毕后调用onDeviceReady回调函数
- // 此时,该文件已加载完毕但phonegap.js还没有加载完毕。
- // 当PhoneGap加载完毕并开始和本地设备进行通讯,
- // 会触发“deviceready”事件
- document.addEventListener("deviceready", onDeviceReady, false);
- // PhoneGap is loaded and it is now safe to make calls PhoneGap methods
- function onDeviceReady() {
- // 注册回退按钮事件监听器
- document.addEventListener("backbutton", onBackKeyDown, false);
- }
- // 处理后退按钮操作
- function onBackKeyDown() {
- }
- </script>
- </head>
- <body>
- </body>
- </html>
deviceready
- 当PhoneGap被完全加载后会触发该事件。
- document.addEventListener("deviceready", yourCallbackFunction, false);
详述:
- 这是每个PhoneGap应用程序都会用到的重要事件。
- PhoneGap包含两套代码库:本地代码库和JavaScript代码库。当本地代码加载时会显示一个自定义的加载图片,但是,JavaScript只是在DOM加载后就被加载。这潜在的说明用户的Web应用程序可以在PhoneGap加载完成之前调用相应的JavaScript函数。
- PhoneGap一旦完全加载就会触发deviceready事件。当设备触发该事件后,用户就可以安全进行PhoneGap函数调用。
- 通常情况下,你会希望在HTML文件的DOM加载完毕后使用document.addEventListener附加一个事件监听器。
支持的平台:
- Android
- BlackBerry WebWorks (OS 5.0或更高版本)
- iPhone
简单的范例:
- document.addEventListener("deviceready", onDeviceReady, false);
- function onDeviceReady() {
- // 现在可以安全使用PhoneGap API
- }
完整的范例:
- <!DOCTYPE html>
- <html>
- <head>
- <title>PhoneGap Device Ready Example</title>
- <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
- <script type="text/javascript" charset="utf-8">
- // 当PhoneGap加载完毕后调用onDeviceReady回调函数
- // 此时,该文件已加载完毕但phonegap.js还没有加载完毕。
- // 当PhoneGap加载完毕并开始和本地设备进行通讯,
- // 就会触发“deviceready”事件。
- document.addEventListener("deviceready", onDeviceReady, false);
- // PhoneGap加载完毕,现在可以安全地调用PhoneGap方法
- function onDeviceReady() {
- // 现在可以安全使用PhoneGap API
- }
- </script>
- </head>
- <body>
- </body>
- </html>
BlackBerry (OS 4.6) 的特异情况:
- RIM的BrowserField(网页浏览器视图)不支持自定义事件,所以deviceready事件不会被触发。
- 一种解决方法是一直手动查询PhoneGap.available方法直到PhoneGap完全加载完毕。
- function onLoad() {
- // BlackBerry OS 4浏览器不支持自定义事件。
- // 因此通过手动方式等待,直到PhoneGap加载完毕。
- var intervalID = window.setInterval(
- function() {
- if (PhoneGap.available) {
- window.clearInterval(intervalID);
- onDeviceReady();
- }
- },
- 500
- );
- }
- function onDeviceReady() {
- // 现在可以安全地调用PhoneGap API
- }
menubutton
- 当用户在Android系统上点击菜单按钮的时候触发此事件。
- document.addEventListener("menubutton", yourCallbackFunction, false);
详述:
- 如果你需要在Android系统上重载默认菜单按钮的行为,可以通过注册一个事件监听器来监听“menubutton”事件。
- 通常情况下,你需要在接受到PhoneGap的“deviceready”事件后,使用document.addEventListener来附加该事件监听器。
支持的平台:
- Android
简单的范例:
- document.addEventListener("menubutton", onMenuKeyDown, false);
- function onMenuKeyDown() {
- //处理菜单按钮操作
- }
完整的范例:
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <html>
- <head>
- <title>PhoneGap Device Ready Example</title>
- <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
- <script type="text/javascript" charset="utf-8">
- // 当PhoneGap加载完毕后调用onDeviceReady回调函数
- // 此时,该文件已加载完毕但phonegap.js还没有加载完毕。
- // 当PhoneGap加载完毕并开始和本地设备进行通讯,
- // 会触发“deviceready”事件
- document.addEventListener("deviceready", onDeviceReady, false);
- // PhoneGap加载完毕,现在可以安全地调用PhoneGap方法
- function onDeviceReady() {
- // 注册菜单按钮事件监听器
- document.addEventListener("menubutton", onMenuKeyDown, false);
- }
- // 处理菜单按钮操作
- function onMenuKeyDown() {
- }
- </script>
- </head>
- <body onload="onLoad()">
- </body>
- </html>
pause
- 当PhoneGap应用程序被放到后台的时候触发此事件。
- document.addEventListener("pause", yourCallbackFunction, false);
详述:
- PhoneGap包含两套代码库:本地代码库和JavaScript代码库。当本地代码将应用程序放到后台的时候会触发pause事件。
- 通常情况下,你会希望一旦接收到PhoneGap的“deviceready”事件就使用document.addEventListener附加一个事件监听器。
支持的平台:
- Android
- BlackBerry WebWorks (OS 5.0或更高版本)
- iPhone
简单的范例:
- document.addEventListener("pause", onPause, false);
- function onPause() {
- // 处理pause事件
- }
完整的范例:
- <!DOCTYPE html>
- <html>
- <head>
- <title>PhoneGap Device Ready Example</title>
- <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
- <script type="text/javascript" charset="utf-8">
- // 当PhoneGap加载完毕后调用onDeviceReady回调函数。
- // 此时,该文件已加载完毕但phonegap.js还没有加载完毕。
- // 当PhoneGap加载完毕并开始和本地设备进行通讯,
- // 就会触发“deviceready”事件。
- document.addEventListener("deviceready", onDeviceReady, false);
- // PhoneGap加载完毕,现在可以安全地调用PhoneGap方法
- function onDeviceReady() {
- document.addEventListener("pause", onPause, false);
- }
- // 处理pause事件
- function onPause() {
- }
- </script>
- </head>
- <body>
- </body>
- </html>
iOS的特异情况:
- 在pause事件处理过程中,不但任何通过Objective-C的调用不会工作,而且任何交互性的调用也不会工作,比如警示功能。这意味着你不能调用console.log(及其变种),且任何来自插件或PhoneGap的API的调用都不会有所反应。这些调用只有在应用程序恢复后才会被处理(在下一轮运行循环中处理)。
resume
- 当PhoneGap应用程序被恢复到前台运行的时候触发此事件。
- document.addEventListener("resume", yourCallbackFunction, false);
详述:
- PhoneGap包含两套代码库:本地代码库和JaPhoneGap包含两套代码库:本地代码库和JavaScript代码库。当本地代码将应用程序从后台提取到前台运行的时候触发resume事件。
- 通常情况下,你会希望一旦接收到PhoneGap的“deviceready”事件就使用document.addEventListener附加一个事件监听器。
支持的平台:
- Android
- BlackBerry WebWorks (OS 5.0或更高版本)
- iPhone
简单的范例:
- document.addEventListener("resume", onResume, false);
- function onResume() {
- // 处理resume事件
- }
完整的范例:
- <!DOCTYPE html>
- <html>
- <head>
- <title>PhoneGap Device Ready Example</title>
- <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
- <script type="text/javascript" charset="utf-8">
- // 当PhoneGap加载完毕后调用onDeviceReady回调函数。
- // 此时,该文件已加载完毕但phonegap.js还没有加载完毕。
- // 当PhoneGap加载完毕并开始和本地设备进行通讯,
- // 就会触发“deviceready”事件。
- document.addEventListener("deviceready", onDeviceReady, false);
- // PhoneGap加载完毕,现在可以安全地调用PhoneGap方法。
- function onDeviceReady() {
- document.addEventListener("resume", onResume, false);
- }
- // 处理resume事件
- function onResume() {
- }
- </script>
- </head>
- <body>
- </body>
- </html>
online
- 当PhoneGap应用程序在线(连接到因特网)的时候触发此事件。
- document.addEventListener("online", yourCallbackFunction, false);
详述:
- 当应用程序的网络连接改变为online的时候触发online事件。
- 通常情况下,你会希望一旦接收到PhoneGap的“deviceready”事件就使用document.addEventListener附加一个事件监听器。
支持的平台:
- Android
- BlackBerry WebWorks (OS 5.0或更高版本)
- iPhone
简单的范例:
- document.addEventListener("online", onOnline, false);
- function onOnline() {
- // 处理online事件
- }
完整的范例:
- <!DOCTYPE html>
- <html>
- <head>
- <title>PhoneGap Device Ready Example</title>
- <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
- <script type="text/javascript" charset="utf-8">
- // 当PhoneGap加载完毕后调用onDeviceReady回调函数。
- // 此时,该文件已加载完毕但phonegap.js还没有加载完毕。
- // 当PhoneGap加载完毕并开始和本地设备进行通讯,
- // 就会触发“deviceready”事件。
- document.addEventListener("deviceready", onDeviceReady, false);
- // PhoneGap加载完毕,现在可以安全地调用PhoneGap方法。
- function onDeviceReady() {
- document.addEventListener("online", onOnline, false);
- }
- // 处理online事件
- function onOnline() {
- }
- </script>
- </head>
- <body>
- </body>
- </html>
iOS的特异情况:
- 在初次启动的情况下,第一个online事件(如果有的话)将需要至少1秒钟才被触发。
offline
- 当PhoneGap应用程序离线(没有连接到因特网)的时候触发此事件。
- document.addEventListener("offline", yourCallbackFunction, false);
详述:
- 当应用程序的网络连接改变为offline的时候触发offline事件。
- 通常情况下,你会希望一旦接收到PhoneGap的“deviceready”事件就使用document.addEventListener附加一个事件监听器。
支持的平台:
- Android
- BlackBerry WebWorks (OS 5.0或更高版本)
- iPhone
简单的范例:
- document.addEventListener("offline", onOffline, false);
- function onOffline() {
- // 处理offline事件
- }
完整的范例:
- <!DOCTYPE html>
- <html>
- <head>
- <title>PhoneGap Device Ready Example</title>
- <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
- <script type="text/javascript" charset="utf-8">
- // 当PhoneGap加载完毕后调用onDeviceReady回调函数
- // 此时,该文件已加载完毕但phonegap.js还没有加载完毕。
- // 当PhoneGap加载完毕并开始和本地设备进行通讯,
- // 就会触发“deviceready”事件。
- document.addEventListener("deviceready", onDeviceReady, false);
- // PhoneGap加载完毕,现在可以安全地调用PhoneGap方法。
- function onDeviceReady() {
- document.addEventListener("offline", onOffline, false);
- }
- // 处理offline事件
- function onOffline() {
- }
- </script>
- </head>
- <body>
- </body>
- </html>
iOS的特异情况:
- 在初次启动的情况下,第一个offline事件(如果有的话)将需要至少1秒钟才被触发。
Searchbutton
- 当用户在Android系统上点击搜索按钮的时候触发该事件。
- document.addEventListener("searchbutton", yourCallbackFunction, false);
详述:
- 如果你需要在Android系统上重载默认搜索按钮的行为,可以通过注册一个事件监听器来监听“searchbutton”事件。
- 通常情况下,你需要在接受到PhoneGap的“deviceready”事件后,使用document.addEventListener来附加该事件监听器。
支持的平台:
- Android
简单的范例:
- document.addEventListener("searchbutton", onSearchKeyDown, false);
- function onSearchKeyDown() {
- // 处理搜索按钮操作
- }
完整的范例:
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <html>
- <head>
- <title>PhoneGap Device Ready Example</title>
- <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
- <script type="text/javascript" charset="utf-8">
- // 当PhoneGap加载完毕后调用onDeviceReady回调函数。
- // 此时,该文件已加载完毕但phonegap.js还没有加载完毕。
- // 当PhoneGap加载完毕并开始和本地设备进行通讯,
- // 会触发“deviceready”事件。
- document.addEventListener("deviceready", onDeviceReady, false);
- // PhoneGap加载完毕,现在可以安全地调用PhoneGap方法
- function onDeviceReady() {
- // 注册搜索按钮事件监听器
- document.addEventListener("searchbutton", onSearchKeyDown, false);
- }
- // 处理搜索按钮操作
- function onSearchKeyDown() {
- }
- </script>
- </head>
- <body onload="onLoad()">
- </body>
- </html>
转载于:https://www.cnblogs.com/chris-oil/p/3335262.html
PhoneGap学习地址 / PhoneGap API介绍:Events相关推荐
- PhoneGap学习笔记(一) 框架搭建
搭建JDK和android环境完成后,下载phoneGap,地址:http://phonegap.com/install/ 建立一个android项目,在assets目录下建立www文件夹用于放置js ...
- 学习笔记Hadoop(十四)—— MapReduce开发入门(2)—— MapReduce API介绍、MapReduce实例
四.MapReduce API介绍 一般MapReduce都是由Mapper, Reducer 及main 函数组成. Mapper程序一般完成键值对映射操作; Reducer 程序一般完成键值对聚合 ...
- 43_pytorch nn.Module,模型的创建,构建子模块,API介绍,Sequential(序号),ModuleList,ParameterList,案例等(学习笔记)
1.40.PyTorch nn.Module 1.40.1.模型的创建 1.40.2.构建子模块 1.40.3.nn.Module API介绍 1.40.3.1.核心功能 1.40.3.2.查看模块 ...
- 前端最新技术学习地址总结
2019独角兽企业重金招聘Python工程师标准>>> 1. 主流技术官网总结 1.1. 工具类 Glup 官网:http://www.gulpjs.com.cn/ http://i ...
- MongoDB学习笔记(一) MongoDB介绍及安装
系列目录 MongoDB学习笔记(一) MongoDB介绍及安装 MongoDB学习笔记(二) 通过samus驱动实现基本数据操作 MongoDB学习笔记(三) 在MVC模式下通过Jq ...
- 用于Java开发机器学习和深度学习的Vector API(翻译)
本文介绍了用于Java开发机器学习和深度学习的Vector API 英语原文链接 https://software.intel.com/en-us/articles/vector-api-develo ...
- Web APIs第01天笔记——Web API介绍
1.1. Web API介绍 1.1.1 API的概念 API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发 ...
- 15个小时彻底搞懂NLP自然语言处理(2021最新版附赠课件笔记资料)【LP自然语言处理涉及到深度学习和神经网络的介绍、 Pytorch、 RNN自然语言处理】 笔记
15个小时彻底搞懂NLP自然语言处理(2021最新版附赠课件笔记资料)[LP自然语言处理涉及到深度学习和神经网络的介绍. Pytorch. RNN自然语言处理] 笔记 教程与代码地址 P1 机器学习与 ...
- es入门学习7-java-es自身API
es入门学习7-java-es自身API 使用起前面的集群环境进行学习 一. 公共的东西 1.1.项目位置 1.2.导入依赖 <dependency><groupId>org. ...
最新文章
- 南农Nature Microbiology一作顾少华:我与铁载体的这5年
- 4.12—002—周五
- Codechef TRIPS Children Trips (分块、倍增)
- mybatis dao实现 || 接口代理方式实现
- Python abs函数 - Python零基础入门教程
- 在c语言中数组下标的最小值,数组元素下标的上限_c语言中,数组元素的下标下限为...
- 新手必备: win10 系统下 VSCode+CMake+Clang+GCC 环境的搭建!
- [DP思考录]向左走,向右走: Observer模式 VS Mediator模式
- 190515每日一句
- 865程序设计c语言,2018年江西师范大学865程序设计(C语言)考研大纲
- mysql中的cube和rollup_【hive】cube和rollup函数
- 数字信号处理 史林 课本答案(汇总)
- 李广难封--有感于团队建设
- mysql 平方_MYsql的数学函数
- 打通云主机实现局域网
- LM317,线性稳压电源总结
- windows自带桌面管理工具使用方法
- 微信公众号开发之网页授权获取用户基本信息
- MenuetOS-令人不可思议的64位操作系统!-第二辑
- 图象处理基本算法[整理]
热门文章
- iOS开发总结(A0)- Localization
- windows环境 logstash file input fail 解决
- 诗与远方:无题(三)
- Hibernate的发展和特点以及Hibernate的工作原理简介
- 死锁Demo、线程通信Demo
- Junit5集成到SpringBoot工程
- delphi 调用php接口_《细说PHP》第四版 样章 第23章 自定义PHP接口规范 5
- 重庆师范大学第一届ACM选拔赛(公开赛)G-团日活动
- ajax请求头cookies中传递sid,跨域请求单点登录,登录成功,但是在controller中获取的cookie与浏览器中不一致,请大神指点一二。^_^...
- python中int对象不可调用_'int'对象在python中不可调用