站長資訊網下面小編就為大家帶來一篇phonegap常用事件總結(必看篇)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
在任何PhoneGap項目中，首先應該偵聽deviceready事件。事件觸發表示DOM已經加載和PhoneGapAPI已加載，此時可以檢測其他事件或者處理其他內容。
其他事件：
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>PhoneGap resume Example</title> <script type="text/javascript" charset="UTF-8" src="cordova.js"></script> <script type="text/javascript" charset="UTF-8"> document.addEventListener("deviceready",onDeviceReady,false); function onDeviceReady(){ //注冊事件偵聽器 document.addEventListener("resume",onResume,false); document.addEventListener("pause",onPause,false); document.addEventListener("menubutton",onMenuButton,false); document.addEventListener("backbutton",onBackButton,false); document.addEventListener("searchbutton",onSearchButton,false); document.addEventListener("online",isOnline,false); document.addEventListener("offline",isOffline,false); } //處理恢復事件 function onResume(){ alert("頁面恢復"); } //處理暫停事件 function onPause(){ alert("頁面暫停"); } //處理菜單按鈕 function onMenuButton(){ alert("點擊菜單按鈕"); } //處理返回按鈕 function onBackButton(){ alert("點擊返回按鈕"); } //處理搜索按鈕 function onSearchButton(){ alert("點擊搜索按鈕"); } //處理在線事件(連接到Internet) function isOnline(){ alert("網絡連接"); } //處理離線事件(斷開Internet連接) function isOffline(){ alert("網絡斷開); } </script> </head> <body> </body> </html>
【相關推薦】
1. HTML5免費視頻教程
2. 實現頁面跳轉并能傳值的實例詳解
3. IE8不兼容rgba()的處理方法詳解
4. phonegap完成聯系人查找功能的代碼詳解
5. phonegap完成克隆和刪除聯系人功能的代碼詳解
