PhoneGap中文网

 找回密码
 立即注册
查看: 17753|回复: 0

PhoneGap deviceready事件,PhoneGap被完全加载后会触发该事件

[复制链接]

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
发表于 2013-6-20 21:00:02 | 显示全部楼层 |阅读模式
phonegap  deviceready事件
当PhoneGap被完全加载后会触发该事件。
  1. document.addEventListener("deviceready", yourCallbackFunction, false);
复制代码
这是每个PhoneGap应用程序都会用到的重要事件。
PhoneGap包含两套代码库:本地代码库和JavaScript代码库。当本地代码加载时会显示一个自定义的加载图片,但是,JavaScript只是在DOM加载后就被加载。这潜在的说明用户的Web应用程序可以在PhoneGap加载完成之前调用相应的JavaScript函数。
PhoneGap一旦完全加载就会触发deviceready事件。当设备触发该事件后,用户就可以安全进行PhoneGap函数调用。
通常情况下,你会希望在HTML文件的DOM加载完毕后使用document.addEventListener附加一个事件监听器。

支持的平台:   

    Android
    BlackBerry WebWorks (OS 5.0或更高版本)
    iPhone

简单的范例:
  1. document.addEventListener("deviceready", onDeviceReady, false);

  2. function onDeviceReady() {
  3.     // 现在可以安全使用PhoneGap API
  4. }
复制代码
完整的范例:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>   
  4. <title>PhoneGap Device Ready Example</title>

  5. <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
  6. <script type="text/javascript" charset="utf-8">

  7.     // 当PhoneGap加载完毕后调用onDeviceReady回调函数
  8.     // 此时,该文件已加载完毕但phonegap.js还没有加载完毕。
  9.     // 当PhoneGap加载完毕并开始和本地设备进行通讯,
  10.     // 就会触发“deviceready”事件。
  11.     document.addEventListener("deviceready", onDeviceReady, false);
  12.    
  13.     // PhoneGap加载完毕,现在可以安全地调用PhoneGap方法
  14.     function onDeviceReady() {
  15.        // 现在可以安全使用PhoneGap API
  16.     }

  17. </script>
  18. </head>
  19. <body>
  20. </body>
  21. </html>
复制代码
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-3-28 16:15 , Processed in 0.046983 second(s), 30 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表