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的内容,来练习一下吧!