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+font字体文件实现圆形半透明菜单具体步骤(图解)
Jun 03 HTML / CSS
利用CSS3的特性改变文本选中时的颜色
Sep 11 HTML / CSS
CSS3 Columns分列式布局方法简介
May 03 HTML / CSS
纯CSS实现设置半个字符的样式
Jul 03 HTML / CSS
基于DOM+CSS3实现OrgChart组织结构图插件
Mar 02 HTML / CSS
涂鸦板简单实现 Html5编写属于自己的画画板
Jul 05 HTML / CSS
html5 Canvas画图教程(2)—画直线与设置线条的样式如颜色/端点/交汇点
Jan 09 HTML / CSS
html5读取本地文件示例代码
Apr 22 HTML / CSS
使用phonegap播放音频的实现方法
Mar 31 HTML / CSS
快速创建 HTML5 Canvas 电信网络拓扑图的示例代码
Mar 21 HTML / CSS
HTML5实现应用程序缓存(Application Cache)
Jun 16 HTML / CSS
HTML5页面音频自动播放的实现方式
Jun 21 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
关于js和php对url编码的处理方法
2014/03/04 PHP
php文件上传简单实现方法
2015/01/24 PHP
PHP动态地创建属性和方法, 对象的复制, 对象的比较,加载指定的文件,自动加载类文件,命名空间
2016/05/06 PHP
utf8的编码算法 转载
2006/12/27 Javascript
JavaScript与Div对层定位和移动获得坐标的实现代码
2010/09/08 Javascript
Node.js中对通用模块的封装方法
2014/06/06 Javascript
js判断浏览器是否支持html5
2014/08/17 Javascript
javascript HTML5 Canvas实现圆盘抽奖功能
2016/04/11 Javascript
input file上传 图片预览功能实例代码
2016/10/25 Javascript
JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)
2016/10/27 Javascript
layer弹窗插件操作方法详解
2017/05/19 Javascript
Vue EventBus自定义组件事件传递
2018/06/25 Javascript
详解Angular-ui-BootStrap组件的解释以及使用
2018/07/13 Javascript
js中apply()和call()的区别与用法实例分析
2018/08/14 Javascript
详解多页应用 Webpack4 配置优化与踩坑记录
2018/10/16 Javascript
Vue2.0 $set()的正确使用详解
2020/07/28 Javascript
[02:14]完美“圣”典2016风云人物:xiao8专访
2016/12/01 DOTA
Python中optionParser模块的使用方法实例教程
2014/08/29 Python
python实现汉诺塔方法汇总
2016/07/25 Python
Python实现动态图解析、合成与倒放
2018/01/18 Python
Tensorflow分类器项目自定义数据读入的实现
2019/02/05 Python
PyCharm更改字体和界面样式的方法步骤
2019/09/27 Python
简单了解为什么python函数后有多个括号
2019/12/19 Python
Pytorch 实现focal_loss 多类别和二分类示例
2020/01/14 Python
使用Bazel编译TensorBoard教程
2020/02/15 Python
Python 如何批量更新已安装的库
2020/05/26 Python
用纯css3和html制作泡沫对话框实现代码
2013/03/21 HTML / CSS
俄罗斯最大的在线珠宝大卖场:Nebo
2019/12/08 全球购物
输入一行文字,找出其中大写字母、小写字母、空格、数字、及其他字符各有多少
2016/04/15 面试题
创建索引时需要注意的事项
2013/05/13 面试题
武汉瑞得软件笔试题
2015/10/27 面试题
自我鉴定注意事项
2014/01/19 职场文书
小学生环保演讲稿
2014/04/25 职场文书
团代会开幕词
2015/01/28 职场文书
2016预备党员培训心得体会
2016/01/08 职场文书
如何撰写出一份完美的商业计划书?
2019/07/12 职场文书