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将你的设计带入下个高度
Aug 08 HTML / CSS
非常震撼的纯CSS3人物行走动画
Feb 24 HTML / CSS
基于CSS3实现立方体自转效果
Mar 01 HTML / CSS
CSS3中的Transition过度与Animation动画属性使用要点
May 20 HTML / CSS
css3 clip实现圆环进度条的示例代码
Feb 07 HTML / CSS
CSS3制作皮卡丘动画壁纸的示例
Nov 02 HTML / CSS
HTML5 和小程序实现拍照图片旋转、压缩和上传功能
Oct 08 HTML / CSS
关于HTML5的22个初级技巧(图文教程)
Jun 21 HTML / CSS
详解window.open被浏览器拦截的解决方案
Jul 18 HTML / CSS
利用html+css实现菜单栏缓慢下拉效果的示例代码
Mar 30 HTML / CSS
CSS的calc函数用法小结
Jun 25 HTML / CSS
使用CSS实现音波加载效果
May 07 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+ACCESS 文章管理程序代码
2010/06/21 PHP
DOM基础及php读取xml内容操作的方法
2015/01/23 PHP
在php和MySql中计算时间差的方法详解
2015/03/27 PHP
基于php的CMS中展示文章类实例分析
2015/06/18 PHP
基于JQuery+PHP编写砸金蛋中奖程序
2015/09/08 PHP
php中10个不同等级压缩优化图片操作示例
2016/11/14 PHP
经常用的图片在容器中的水平垂直居中实例
2007/06/10 Javascript
JavaScript 克隆数组最简单的方法
2009/02/12 Javascript
JavaScript 无符号右移赋值操作
2009/04/17 Javascript
lyhucSelect基于Jquery的Select数据联动插件
2011/03/29 Javascript
JavaScript错误处理
2015/02/03 Javascript
javascript验证邮件地址和MX记录的方法
2015/06/16 Javascript
利用JS生成博文目录及CSS定制博客
2016/02/10 Javascript
Augularjs-起步详解
2016/07/08 Javascript
浅谈javascript中遇到的字符串对象处理
2016/11/18 Javascript
利用vue.js插入dom节点的方法
2017/03/15 Javascript
vue-cli webpack 开发环境跨域详解
2017/05/18 Javascript
js Dom实现换肤效果
2017/10/21 Javascript
基于滚动条位置判断的简单实例
2017/12/14 Javascript
详解VUE里子组件如何获取父组件动态变化的值
2018/12/26 Javascript
稍微学一下Vue的数据响应式(Vue2及Vue3区别)
2019/11/21 Javascript
Django1.9 加载通过ImageField上传的图片方法
2018/05/25 Python
Python数据结构之栈、队列及二叉树定义与用法浅析
2018/12/27 Python
对Python+opencv将图片生成视频的实例详解
2019/01/08 Python
python yield和Generator函数用法详解
2020/02/10 Python
python爬虫线程池案例详解(梨视频短视频爬取)
2021/02/20 Python
浅谈HTML5 服务器推送事件(Server-sent Events)
2017/08/01 HTML / CSS
三星印度官网:Samsung印度
2019/08/03 全球购物
英国床垫和床架购物网站:Bedman
2019/11/04 全球购物
招聘专员岗位职责
2014/03/07 职场文书
工作证明格式及范本
2014/09/12 职场文书
2014年度思想工作总结
2014/11/27 职场文书
廉洁自律承诺书2015
2015/01/22 职场文书
什么是检讨书?检讨书的格式及范文
2019/11/05 职场文书
Python爬虫之爬取最新更新的小说网站
2021/05/06 Python
SQL语法CONSTRAINT约束操作详情
2022/01/18 MySQL