• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > phonegap侦听deviceready事件触发后的其他事件

phonegap侦听deviceready事件触发后的其他事件

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含phonegap,事件等相关知识,匿名希望在学习及工作中可以帮助到您
下面小编就为大家带来一篇phonegap常用事件总结(必看篇)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

在任何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>

【相关推荐】

1. HTML5免费视频教程

2. 实现页面跳转并能传值的实例详解

3. IE8不兼容rgba()的处理方法详解

4. phonegap完成联系人查找功能的代码详解

5. phonegap完成克隆和删除联系人功能的代码详解

以上就是phonegap侦听deviceready事件触发后的其他事件的详细内容,更多请关注微课江湖其它相关文章!

您可能想查找下面的文章:

  • 使用phonegap克隆和删除联系人的实现方法
  • 使用phonegap查找联系人的实现方法
  • 使用phonegap获取设备的一些信息方法
  • phonegap常用事件总结(必看篇)
  • 使用phonegap播放音频的实现方法
  • 使用phonegap获取位置信息的实现方法
  • 使用phonegap操作数据库的实现方法
  • 使用phonegap进行本地存储的实现方法
  • 使用phonegap创建联系人的实现方法
  • 使用phonegap进行提示操作的具体方法

相关文章

  • 2018-12-03分享几款炫酷的HTML5实现的图片特效
  • 2017-08-06html5 Canvas绘制线条 closePath()实例代码
  • 2018-12-0322个HTML5 技巧二
  • 2018-12-03利用HTML5绘制点线面组成的3D图形的示例_html5教程技巧
  • 2017-08-06使用HTML5里的classList操作CSS类
  • 2017-08-06HTML5学习笔记之History API
  • 2018-12-03HTML5 Canvas 破碎重组的视频特效代码具体介绍
  • 2018-12-03整理HTML5中支持的URL编码与字符编码_html5教程技巧
  • 2018-12-03HTML5的下拉框应该如何增加用户体验
  • 2018-12-03详细介绍HTML5 5大存储方式总结

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML5 canvas 基本语法_html5教程技巧
    • 详解html5 Canvas drawing的示例代码 (二)
    • HTML4和HTML5之间除了相似以外的10个主要不同
    • 处理HTML5新标签的浏览器兼容版问题
    • HTML5中canvas元素如何绘制图形
    • 借助HTML5 Canvas来绘制三角形和矩形等多边形的方法
    • phonegap完成联系人查找功能的代码详解
    • 如何实现HTML5页面音视频在微信和app下自动播放
    • HTML 5已经出炉了!可否跳过4 直接学5呢!?
    • 利用HTML 5和JavaScript创建绘图应用

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有