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制作的20种loading动效
Jul 05 HTML / CSS
不同浏览器对CSS3和HTML5的支持状况
Oct 31 HTML / CSS
时尚的CSS3进度条效果
Feb 22 HTML / CSS
CSS3 制作绽放的莲花采用效果叠加实现
Jan 31 HTML / CSS
CSS3按钮鼠标悬浮实现光圈效果源码
Sep 11 HTML / CSS
详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
Dec 20 HTML / CSS
详解CSS3 filter:drop-shadow滤镜与box-shadow区别与应用
Aug 24 HTML / CSS
HTML5 Plus 实现手机APP拍照或相册选择图片上传功能
Jul 13 HTML / CSS
HTML5中的nav标签学习笔记
Jun 24 HTML / CSS
关于老式浏览器兼容HTML5和CSS3的问题
Jun 01 HTML / CSS
HTML5实现文件断点续传的方法
Jan 04 HTML / CSS
Canvas制作旋转的太极的示例
Mar 09 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
防止MySQL注入或HTML表单滥用的PHP程序
2009/01/21 PHP
ThinkPHP中实例Model方法的区别说明
2010/08/21 PHP
php设计模式 DAO(数据访问对象模式)
2011/06/26 PHP
一个简单安全的PHP验证码类、PHP验证码
2016/09/24 PHP
PHP闭包定义与使用简单示例
2018/04/13 PHP
laravel使用Faker数据填充的实现方法
2019/04/12 PHP
PHP面向对象程序设计之对象的遍历操作示例
2019/06/12 PHP
一页面多XMLHttpRequest对象
2007/01/22 Javascript
js下弹出窗口的变通
2007/04/18 Javascript
菜鸟javascript基础资料整理3 正则
2010/12/06 Javascript
原生javascript实现DIV拖拽并计算重复面积
2015/01/02 Javascript
10条建议帮助你创建更好的jQuery插件
2015/05/18 Javascript
JS延时提示框实现方法详解
2015/11/26 Javascript
jQuery实现简单的DIV拖动效果
2016/02/19 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
2016/03/04 Javascript
javascript实现仿百度图片的瀑布流加载效果
2016/04/20 Javascript
Bootstrap 附加导航(Affix)插件实例详解
2016/06/01 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
2016/09/17 Javascript
JS实现队列的先进先出功能示例
2017/05/10 Javascript
javascript实现电脑和手机版样式切换
2017/11/10 Javascript
Angular4 Select选择改变事件的方法
2018/10/09 Javascript
vue v-for循环重复数据无法添加问题解决方法【加track-by='索引'】
2019/03/15 Javascript
微信小程序学习笔记之本地数据缓存功能详解
2019/03/29 Javascript
微信小程序云开发之使用云数据库
2019/05/17 Javascript
如何使用七牛Python SDK写一个同步脚本及使用教程
2015/08/23 Python
利用Python破解验证码实例详解
2016/12/08 Python
Python基于opencv实现的简单画板功能示例
2019/03/04 Python
python文件绝对路径写法介绍(windows)
2019/12/25 Python
寻找迷宫的一条出路,o通路;X:障碍
2016/07/10 面试题
"引用"与指针的区别是什么
2016/09/07 面试题
C#如何调用Windows程序打开一个文档
2014/12/26 面试题
大学生素质拓展活动方案
2014/02/11 职场文书
基石观后感
2015/06/12 职场文书
传单、海报早OUT了,另类传单营销方案送给你!
2019/07/15 职场文书
CSS 实现Chrome标签栏的技巧
2021/08/04 HTML / CSS
Python学习之os包使用教程详解
2022/03/21 Python