phonegap常用事件总结(必看篇)


Posted in HTML / CSS onMarch 31, 2017

在任何PhoneGap项目中,首先应该侦听deviceready事件。事件触发表示DOM已经加载和PhoneGapAPI已加载,此时可以检测其他事件或者处理其他内容。

其他事件:

<!DOCTYPE html>   
<html>   
    <head>   
        <meta charset="utf-8" />   
        <title>PhoneGap resume Example</title>   
            
        <script type="text/javascript" charset="UTF-8" src="cordova.js"></script>   
            
        <script type="text/javascript" charset="UTF-8">   
                
            document.addEventListener("deviceready",onDeviceReady,false);   
                
            function onDeviceReady(){   
                //注册事件侦听器   
                document.addEventListener("resume",onResume,false);   
                document.addEventListener("pause",onPause,false);   
                document.addEventListener("menubutton",onMenuButton,false);   
                document.addEventListener("backbutton",onBackButton,false);   
                document.addEventListener("searchbutton",onSearchButton,false);   
                document.addEventListener("online",isOnline,false);   
                document.addEventListener("offline",isOffline,false);   
            }   
                
            //处理恢复事件   
            function onResume(){   
                alert("页面恢复");   
            }   
                
            //处理暂停事件   
            function onPause(){   
                alert("页面暂停");   
            }   
                
            //处理菜单按钮   
            function onMenuButton(){   
                alert("点击菜单按钮");   
            }   
                
            //处理返回按钮   
            function onBackButton(){   
                alert("点击返回按钮");   
            }   
                
            //处理搜索按钮   
            function onSearchButton(){   
                alert("点击搜索按钮");   
            }   
                
            //处理在线事件(连接到Internet)   
            function isOnline(){   
                alert("网络连接");   
            }   
                
            //处理离线事件(断开Internet连接)   
            function isOffline(){   
                alert("网络断开);   
            }   
        </script>   
    </head>   
    <body>   
            
    </body>   
</html>

以上这篇phonegap常用事件总结(必看篇)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

HTML / CSS 相关文章推荐
css3实例教程 一款纯css3实现的发光屏幕旋转特效
Dec 07 HTML / CSS
使用CSS3来代替JS实现交互
Aug 10 HTML / CSS
CSS3 Calc实现滚动条出现页面不跳动问题
Sep 14 HTML / CSS
Html5游戏开发之乒乓Ping Pong游戏示例(一)
Jan 21 HTML / CSS
HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注
Jan 31 HTML / CSS
详解HTML5 Canvas绘制不规则图形时的非零环绕原则
Mar 21 HTML / CSS
HTML5+css3:3D旋转木马效果相册
Jan 03 HTML / CSS
详解HTML5 data-* 自定义属性
Jan 24 HTML / CSS
移动端Html5页面生成图片解决方案
Aug 07 HTML / CSS
Canvas图片分割效果的实现
Jul 29 HTML / CSS
详解HTML5.2版本带来的修改
May 06 HTML / CSS
HTML5适合的情人节礼物有纪念日期功能
Jan 25 HTML / CSS
使用phonegap播放音频的实现方法
Mar 31 #HTML / CSS
使用phonegap获取位置信息的实现方法
Mar 31 #HTML / CSS
使用phonegap操作数据库的实现方法
Mar 31 #HTML / CSS
使用phonegap进行本地存储的实现方法
Mar 31 #HTML / CSS
使用phonegap创建联系人的实现方法
Mar 30 #HTML / CSS
使用phonegap进行提示操作的具体方法
Mar 30 #HTML / CSS
详解HTML5之pushstate、popstate操作history,无刷新改变当前url
Mar 15 #HTML / CSS
You might like
smarty模板中使用get、post、request、cookies、session变量的方法
2014/04/24 PHP
php 删除指定文件夹的实例讲解
2017/07/25 PHP
URI、URL和URN之间的区别与联系
2006/12/20 Javascript
JQuery Tips(4) 一些关于提高JQuery性能的Tips
2009/12/19 Javascript
DOM 事件流详解
2015/01/20 Javascript
JavaScript将一个数组插入到另一个数组的方法
2015/03/19 Javascript
基于OL2实现百度地图ABCD marker的效果
2015/10/01 Javascript
js运动应用实例解析
2015/12/28 Javascript
Bootstrap入门书籍之(三)栅格系统
2016/02/17 Javascript
jQuery插件HighCharts实现的2D回归直线散点效果示例【附demo源码下载】
2017/03/09 Javascript
使用Browserify来实现CommonJS的浏览器加载方法
2017/05/14 Javascript
以v-model与promise两种方式实现vue弹窗组件
2018/05/21 Javascript
vue最简单的前后端交互示例详解
2018/10/11 Javascript
vue通过cookie获取用户登录信息的思路详解
2018/10/30 Javascript
vue项目使用.env文件配置全局环境变量的方法
2019/10/24 Javascript
JavaScript实现弹出窗口效果
2020/12/09 Javascript
django实现登录时候输入密码错误5次锁定用户十分钟
2017/11/05 Python
python创建列表和向列表添加元素的实现方法
2017/12/25 Python
详解python while 函数及while和for的区别
2018/09/07 Python
python RabbitMQ 使用详细介绍(小结)
2018/11/08 Python
python 实现方阵的对角线遍历示例
2019/11/29 Python
Django异步任务线程池实现原理
2019/12/17 Python
python 实现仿微信聊天时间格式化显示的代码
2020/04/17 Python
Fossil美国官网:化石手表、手袋、首饰及配饰
2019/02/17 全球购物
解释下列WebService名词:WSDL、SOAP、UDDI
2012/06/22 面试题
运动会通讯稿150字
2014/02/15 职场文书
建筑工地质量标语
2014/06/12 职场文书
护士找工作求职信
2014/07/02 职场文书
我为党旗添光彩演讲稿
2014/09/13 职场文书
大三学生英语考试作弊检讨书
2015/01/01 职场文书
上诉状格式
2015/05/23 职场文书
公司董事任命书
2015/09/21 职场文书
2016消防宣传标语口号
2015/12/26 职场文书
处世之道:关于真诚相待的名言推荐
2019/12/02 职场文书
Jpa Specification如何实现and和or同时使用查询
2021/11/23 Java/Android
CSS 左边固定宽右边自适应的6种方法
2022/05/15 HTML / CSS