PhoneGap中文网

标题: PhoneGap deviceready事件，PhoneGap被完全加载后会触发该事件 [打印本页]
作者: admin    时间: 2013-6-20 21:00
标题: PhoneGap deviceready事件，PhoneGap被完全加载后会触发该事件
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);

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

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

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

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

  21. </script>
  22. </head>
  23. <body>
  24. </body>
  25. </html>
复制代码




欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/) Powered by Discuz! X3.2