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 图片圆形显示 如何CSS将正方形图片显示为圆形图片布局
Oct 10 HTML / CSS
详解CSS3的opacity属性设置透明效果的用法
May 09 HTML / CSS
CSS3实现各种图形的示例代码
Oct 19 HTML / CSS
css3 矩阵的使用详解
Mar 20 HTML / CSS
纯CSS3实现圆圈动态发光特效动画的示例代码
Mar 08 HTML / CSS
如何在网站上添加谷歌定位信息
Apr 16 HTML / CSS
html5的画布canvas——画出简单的矩形、三角形实例代码
Jun 09 HTML / CSS
微信端html5页面调用分享接口示例
Mar 14 HTML / CSS
canvas 如何绘制线段的实现方法
Jul 12 HTML / CSS
Html5 webview元素定位工具的实现
Aug 07 HTML / CSS
血轮眼轮回眼特效 html+css
Mar 31 HTML / CSS
六个好看实用的 HTML + CSS 后台登录入口页面
Apr 28 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
2019年漫画销量排行榜:鬼灭登顶 海贼单卷制霸 尾田盛赞鬼灭
2020/03/08 日漫
用Json实现PHP与JavaScript间数据交换的方法详解
2013/06/20 PHP
关于url地址传参数时字符串有回车造成页面脚本赋值失败的解决方法
2013/06/28 PHP
php中二维数组排序问题方法详解
2015/08/28 PHP
如何修改Laravel中url()函数生成URL的根地址
2017/08/11 PHP
PHP匿名函数(闭包函数)详解
2019/03/22 PHP
Autocomplete Textbox Example javascript实现自动完成成功
2007/08/17 Javascript
javascript function调用时的参数检测常用办法
2010/02/26 Javascript
express的中间件basicAuth详解
2014/12/04 Javascript
VS2008中使用JavaScript调用WebServices
2014/12/18 Javascript
js实现仿qq消息的弹出窗效果
2016/01/06 Javascript
JS实现响应鼠标点击动画渐变弹出层效果代码
2016/03/25 Javascript
详解Javascript几种跨域方式总结
2017/02/27 Javascript
详解angular中的作用域及继承
2017/05/31 Javascript
浅析vue中常见循环遍历指令的使用 v-for
2018/04/18 Javascript
javaScript产生随机数的用法小结
2018/04/21 Javascript
JavaScript函数定义方法实例详解
2019/03/05 Javascript
Angular4.0动画操作实例详解
2019/05/10 Javascript
vue实现select下拉显示隐藏功能
2019/09/30 Javascript
vue vantUI实现文件(图片、文档、视频、音频)上传(多文件)
2019/10/15 Javascript
vue 中的 render 函数作用详解
2020/02/28 Javascript
vue中改变滚动条样式的方法
2020/03/03 Javascript
Python基础之函数用法实例详解
2014/09/10 Python
Linux CentOS7下安装python3 的方法
2018/01/21 Python
对Python Pexpect 模块的使用说明详解
2019/02/14 Python
python GUI库图形界面开发之PyQt5单行文本框控件QLineEdit详细使用方法与实例
2020/02/27 Python
python 多线程死锁问题的解决方案
2020/08/25 Python
Aeropostale官网:美国著名校园品牌及青少年服饰品牌
2019/03/21 全球购物
会计实习期自我鉴定
2013/10/06 职场文书
新书吧创业计划书
2014/01/31 职场文书
县人大领导班子四风对照检查材料思想汇报
2014/10/09 职场文书
继续教育个人总结
2015/03/03 职场文书
舌尖上的中国观后感
2015/06/02 职场文书
python如何读取.mtx文件
2021/04/22 Python
简单总结SpringMVC拦截器的使用方法
2021/06/28 Java/Android
微信小程序中wxs文件的一些妙用分享
2022/02/18 Javascript