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实现多功能下拉菜单(带分享按)的教程
Nov 05 HTML / CSS
使用CSS3的appearance属性改变元素的外观的方法
Dec 12 HTML / CSS
CSS3绘制超炫的上下起伏波动进度加载动画
Apr 21 HTML / CSS
CSS3让登陆面板3D旋转起来
May 03 HTML / CSS
HTML5中使用postMessage实现Ajax跨域请求的方法
Apr 19 HTML / CSS
HTML5 CSS3打造相册效果附源码下载
Jun 16 HTML / CSS
HTML5标签使用方法详解
Nov 27 HTML / CSS
将SVG图引入到HTML页面的实现
Sep 20 HTML / CSS
HTML5 3D旋转相册的实现示例
Dec 03 HTML / CSS
AmazeUI 模态窗口的实现代码
Aug 18 HTML / CSS
详解如何将 Canvas 绘制过程转为视频
Jan 25 HTML / CSS
CSS3新特性详解(五):多列columns column-count和flex布局
Apr 30 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
迪菲-赫尔曼密钥交换(Diffie?Hellman)算法原理和PHP实现版
2015/05/12 PHP
php实现分页显示
2015/11/03 PHP
用HTML/JS/PHP方式实现页面延时跳转的简单实例
2016/07/18 PHP
laravel 操作数据库常用函数的返回值方法
2019/10/11 PHP
基于jquery的仿百度搜索框效果代码
2011/04/11 Javascript
Javascript中自动切换焦点实现代码
2012/12/15 Javascript
js数组的基本用法及数组根据下标(数值或字符)移除元素
2013/10/20 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
2015/01/05 Javascript
jquery实现标签上移、下移、置顶
2015/04/26 Javascript
利用jQuery的动画函数animate实现豌豆发射效果
2016/08/28 Javascript
微信小程序 图片等比例缩放(图片自适应屏幕)
2016/11/16 Javascript
Angular+Bootstrap+Spring Boot实现分页功能实例代码
2017/07/21 Javascript
js中this的指向问题归纳总结
2018/11/28 Javascript
前端Electron新手入门教程详解
2019/06/21 Javascript
js实现踩五彩块游戏
2020/02/08 Javascript
基于原生JS封装的Modal对话框插件的示例代码
2020/09/09 Javascript
IDEA配置jQuery, $符号不再显示黄色波浪线的问题
2020/10/09 jQuery
在Vue中使用Echarts可视化库的完整步骤记录
2020/11/18 Vue.js
[57:16]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第二场
2014/05/26 DOTA
Python开发编码规范
2006/09/08 Python
简单文件操作python 修改文件指定行的方法
2013/05/15 Python
python通过scapy获取局域网所有主机mac地址示例
2014/05/04 Python
python读取TXT每行,并存到LIST中的方法
2018/10/26 Python
Python3.5内置模块之shelve模块、xml模块、configparser模块、hashlib、hmac模块用法分析
2019/04/27 Python
DataFrame.to_excel多次写入不同Sheet的实例
2019/12/02 Python
使用Pandas的Series方法绘制图像教程
2019/12/04 Python
Python安装依赖(包)模块方法详解
2020/02/14 Python
python转化excel数字日期为标准日期操作
2020/07/14 Python
Python爬虫之Selenium下拉框处理的实现
2020/12/04 Python
美国旅游网站:Tours4Fun
2017/02/17 全球购物
印尼在线购买隐形眼镜网站:Lensza.co.id
2019/04/27 全球购物
Currentbody德国站:健康与美容技术专家
2020/04/05 全球购物
高级人员简历的自我评价分享
2013/11/03 职场文书
党员先进事迹材料
2014/12/19 职场文书
2015教师年度工作总结范文
2015/04/07 职场文书
2015年学校办公室工作总结
2015/05/26 职场文书