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实现简单的checkbox复选框和radio单选框
Nov 05 HTML / CSS
CSS3 display知识详解
Nov 25 HTML / CSS
纯CSS3实现移动端展开和收起效果的示例代码
Apr 26 HTML / CSS
CSS3实现红包抖动效果
Dec 23 HTML / CSS
HTML5 本地存储 LocalStorage详解
Jun 24 HTML / CSS
HTML5 progress和meter控件_动力节点Java学院整理
Jul 06 HTML / CSS
html通过canvas转成base64的方法
Jul 18 HTML / CSS
html5教程画矩形代码分享
Dec 04 HTML / CSS
基于HTML5+Webkit实现树叶飘落动画
Dec 28 HTML / CSS
基于canvas的骨骼动画的示例代码
Jun 12 HTML / CSS
使用postMessage让 iframe自适应高度的方法示例
Oct 08 HTML / CSS
详解CSS中postion和opacity及cursor的特性
Aug 14 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
PHP变量的定义、可变变量、变量引用、销毁方法
2013/12/20 PHP
php静态文件生成类实例分析
2015/01/03 PHP
php简单操作mysql数据库的类
2015/04/16 PHP
PHP实现重载的常用方法实例详解
2017/10/18 PHP
可实现多表单提交的javascript函数
2007/08/01 Javascript
JavaScript 学习笔记(十四) 正则表达式
2010/01/22 Javascript
表单验证的完整应用案例探讨
2013/03/29 Javascript
jquery的attr方法禁用表单元素禁用输入内容
2014/06/23 Javascript
基于JS实现发送短信验证码后的倒计时功能(无视页面刷新,页面关闭不进行倒计时功能)
2016/09/02 Javascript
利用Node.js制作爬取大众点评的爬虫
2016/09/22 Javascript
jquery获取easyui日期控件的值实现方法
2016/11/09 Javascript
微信小程序开发之相册选择和拍照详解及实例代码
2017/02/22 Javascript
20行JS代码实现网页刮刮乐效果
2017/06/23 Javascript
浅谈关于.vue文件中style的scoped属性
2017/08/19 Javascript
JS设计模式之惰性模式(二)
2017/09/29 Javascript
如何在微信小程序里面退出小程序的方法
2019/04/28 Javascript
ES6 class类链式继承,实例化及react super(props)原理详解
2020/02/15 Javascript
python处理大数字的方法
2015/05/27 Python
python实现文件快照加密保护的方法
2015/06/30 Python
python版本的读写锁操作方法
2016/04/25 Python
Python实现可获取网易页面所有文本信息的网易网络爬虫功能示例
2018/01/15 Python
python编程使用selenium模拟登陆淘宝实例代码
2018/01/25 Python
python使用openpyxl库修改excel表格数据方法
2018/05/03 Python
Python使用mongodb保存爬取豆瓣电影的数据过程解析
2019/08/14 Python
使用Python实现Wake On Lan远程开机功能
2020/01/22 Python
增大python字体的方法步骤
2020/07/05 Python
用sleep间隔进行python反爬虫的实例讲解
2020/11/30 Python
详解CSS3浏览器兼容
2016/12/14 HTML / CSS
详解HTML5中的picture元素响应式处理图片
2018/01/03 HTML / CSS
html2canvas把div保存图片高清图的方法示例
2018/03/05 HTML / CSS
法国创作个性化T恤衫和其他定制产品平台:Tostadora
2018/04/08 全球购物
四好少年事迹材料
2014/01/12 职场文书
纺织工程专业推荐信
2014/09/08 职场文书
离婚协议书怎么写(范本参考)
2014/09/30 职场文书
北京青年观后感
2015/06/15 职场文书
2016大学迎新欢迎词
2015/09/29 职场文书