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的新特性介绍
Oct 31 HTML / CSS
介绍CSS3使用技巧5个
Apr 02 HTML / CSS
css3 条纹化和透明化表格Firefox下测试成功
Apr 15 HTML / CSS
css3中less实现文字长阴影(long shadow)
Apr 24 HTML / CSS
CSS3动画和HTML5新特性详解
Aug 31 HTML / CSS
使用Html5、CSS实现文字阴影效果
Jan 17 HTML / CSS
html5跨域通讯之postMessage的用法总结
Nov 07 HTML / CSS
HTML5 3D衣服摇摆动画特效
Mar 17 HTML / CSS
Canvas 像素处理之改变透明度的实现代码
Jan 08 HTML / CSS
recorder.js 基于Html5录音功能的实现
May 26 HTML / CSS
Ratchet 模态框的实现
Aug 19 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
浅析application/x-www-form-urlencoded和multipart/form-data的区别
2014/06/22 PHP
PHP封装的Twitter访问类实例
2015/07/18 PHP
Yii实现显示静态页的方法
2016/04/25 PHP
Zend Framework校验器Zend_Validate用法详解
2016/12/09 PHP
jQuery的三种$()
2009/12/30 Javascript
用jquery实现学校的校历(asp.net+jquery ui 1.72)
2010/01/01 Javascript
JavaScript中的闭包原理分析
2010/03/08 Javascript
JS实现日期加减的方法
2013/11/29 Javascript
Bootstrap中CSS的使用方法
2016/02/17 Javascript
简单实现js无缝滚动效果
2017/02/05 Javascript
给Easyui-Datebox设置隐藏或者不可用的解决方法
2017/05/26 Javascript
仿京东快报向上滚动的实例
2017/12/13 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
2017/12/28 Javascript
vue2.0组件之间传值、通信的多种方式(干货)
2018/02/10 Javascript
Vue 处理表单input单行文本框的实例代码
2019/05/09 Javascript
vue 设置 input 为不可以编辑的实现方法
2019/09/19 Javascript
[03:02]2014DOTA2西雅图邀请赛 让队员自己告诉你DK NAVI备战情况
2014/07/08 DOTA
利用Python脚本生成sitemap.xml的实现方法
2017/01/31 Python
Python利用pandas处理Excel数据的应用详解
2019/06/18 Python
pip指定python位置安装软件包的方法
2019/07/12 Python
Python读取实时数据流示例
2019/12/02 Python
Python 基于FIR实现Hilbert滤波器求信号包络详解
2020/02/26 Python
python 实现PIL模块在图片画线写字
2020/05/16 Python
python实现简单的五子棋游戏
2020/09/01 Python
利用python实现汉诺塔游戏
2021/03/01 Python
亚马逊中国官方网站:amazon.cn
2017/05/25 全球购物
哪些情况下不应该使用索引
2015/07/20 面试题
对孩子的寄语
2014/04/09 职场文书
基层党员对照检查材料
2014/09/24 职场文书
2014年技术部工作总结
2014/12/12 职场文书
红楼梦读书笔记
2015/06/25 职场文书
2016年元旦寄语
2015/08/17 职场文书
详解如何用Python实现感知器算法
2021/06/18 Python
Javascript设计模式之原型模式详细
2021/10/05 Javascript
【海涛解说】暗牧也疯狂,牛蛙成配角
2022/04/01 DOTA
SQL Server中使用表变量和临时表
2022/05/20 SQL Server