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使用多列制作瀑布流
May 10 HTML / CSS
CSS3 transform的skew属性值图文详解
Jul 21 HTML / CSS
纯css3实现效果超级炫的checkbox复选框和radio单选框
Sep 01 HTML / CSS
纯CSS3打造属于自己的“小黄人”
Mar 14 HTML / CSS
老生常谈CSS中的长度单位
Jun 27 HTML / CSS
Android本地应用打开方法——通过html5写连接
Mar 11 HTML / CSS
利用HTML5画出一个坦克的形状具体实现代码
Jun 20 HTML / CSS
解析HTML5的存储功能和web SQL的相关操作方法
Feb 19 HTML / CSS
Html5新增标签有哪些
Apr 13 HTML / CSS
从零实现一个自定义html5播放器的示例代码
Aug 01 HTML / CSS
html中显示特殊符号(附带特殊字符对应表)
Jun 21 HTML / CSS
html原生table实现合并单元格以及合并表头的示例代码
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中static静态变量的使用方法详解
2010/06/04 PHP
PHP中单引号与双引号的区别分析
2014/08/19 PHP
深入理解PHP中的Streams工具
2015/07/03 PHP
php使用pecl方式安装扩展操作示例
2019/08/12 PHP
php文件上传原理与实现方法详解
2019/12/20 PHP
JS OOP包机制,类创建的方法定义
2009/11/02 Javascript
js实现在文本框光标处添加字符的方法介绍
2012/11/24 Javascript
jQuery弹出层始终垂直居中相对于屏幕或当前窗口
2013/04/01 Javascript
Jquery响应回车键直接提交表单操作代码
2014/07/25 Javascript
详解JavaScript中void语句的使用
2015/06/04 Javascript
基于JavaScript实现拖动滑块效果
2017/02/16 Javascript
js如何编写简单的ajax方法库
2017/08/02 Javascript
一篇文章让你彻底弄懂JS的事件冒泡和事件捕获
2017/08/14 Javascript
原生js的ajax和解决跨域的jsonp(实例讲解)
2017/10/16 Javascript
十分钟带你快速了解React16新特性
2017/11/10 Javascript
详解如何在Angular优雅编写HTTP请求
2018/12/05 Javascript
JavaScript实现数字前补“0”的五种方法示例
2019/01/03 Javascript
nuxt踩坑之Vuex状态树的模块方式使用详解
2019/09/06 Javascript
一起写一个即插即用的Vue Loading插件实现
2019/10/31 Javascript
如何在Vue.JS中使用图标组件
2020/08/04 Javascript
原生js实现九宫格拖拽换位
2021/01/26 Javascript
python获取当前用户的主目录路径方法(推荐)
2017/01/12 Python
基于python操作ES实例详解
2019/11/16 Python
基于pygame实现童年掌机打砖块游戏
2020/02/25 Python
Django 允许局域网中的机器访问你的主机操作
2020/05/13 Python
详解Python调用系统命令的六种方法
2021/01/28 Python
html5利用canvas实现颜色容差抠图功能
2019/12/23 HTML / CSS
德国狗狗用品在线商店:Schecker
2017/03/17 全球购物
斯德哥尔摩通票:Stockholm Pass
2018/01/09 全球购物
小学生操行评语
2014/04/22 职场文书
派出所班子党的群众路线对照检查材料思想汇报
2014/10/01 职场文书
检察院院长群众路线教育实践活动个人整改措施
2014/10/04 职场文书
习近平在党的群众路线教育实践活动总结大会上的讲话
2014/10/21 职场文书
小学校本教研总结
2015/08/13 职场文书
小学英语教师研修感悟
2015/11/18 职场文书
「玫瑰之王的葬礼」舞台剧主视觉图公开
2022/03/21 日漫