移动开发 phonegap 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

deviceready

  该事件是在PhoneGap载入完成后发生的事件,相当于程序的入口。事件的注册形式为:

document.addEventListener("deviceready", yourCallbackFunction, false);

  其中yourCallbackFunction为回调函数,我们以后要处理的操作都在这个函数里。

  通常情况下,我们希望在HTML文件的DOM加载完毕后使用document.addEventListener附加一个事件监听器。

<script type="text/javascript" charset="utf-8">
    // 当PhoneGap加载完毕后调用onDeviceReady回调函数
    // 此时,该文件已加载完毕但phonegap.js还没有加载完毕。
    // 当PhoneGap加载完毕并开始和本地设备进行通讯,
    // 就会触发“deviceready”事件。
    document.addEventListener("deviceready", onDeviceReady, false);
    // PhoneGap加载完毕,现在可以安全地调用PhoneGap方法
    function onDeviceReady() {
    // 现在可以安全使用PhoneGap API,如后面要讲的backbutton
    alert("deviceready");
    }
</script>

  注意,该事件在每个PhoneGap程序中都会用到,必不可少的!

  根据我们在前一节中建立的项目,用以上代码去修改index.html的内容,来练习一下吧!