license: > Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements. See the NOTICE file distributed with this work for additional information regarding copyright ownership. The ASF licenses this file to you under the Apache License, Version 2.0 (the “License”); you may not use this file except in compliance with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
This is an event that fires when Cordova is fully loaded.
document.addEventListener("deviceready", yourCallbackFunction, false);
This is a very important event that every Cordova application should use.
Cordova consists of two code bases: native and JavaScript. While the native code is loading, a custom loading image is displayed. However, JavaScript is only loaded once the DOM loads. This means your web application could, potentially, call a Cordova JavaScript function before it is loaded.
The Cordova deviceready
event fires once Cordova has fully loaded. After the device has fired, you can safely make calls to Cordova function.
Typically, you will want to attach an event listener with document.addEventListener
once the HTML document's DOM has loaded.
This event behaves differently from others in that any event handler registered after the event has been fired will have its callback function called immediately.
document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { // Now safe to use the Cordova API }
<!DOCTYPE html> <html> <head> <title>Cordova Device Ready Example</title> <script type="text/javascript" charset="utf-8" src="cordova-x.x.x.js"></script> <script type="text/javascript" charset="utf-8"> // Call onDeviceReady when Cordova is loaded. // // At this point, the document has loaded but cordova-x.x.x.js has not. // When Cordova is loaded and talking with the native device, // it will call the event `deviceready`. // function onLoad() { document.addEventListener("deviceready", onDeviceReady, false); } // Cordova is loaded and it is now safe to make calls Cordova methods // function onDeviceReady() { // Now safe to use the Cordova API } </script> </head> <body onload="onLoad()"> </body> </html>