成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

PhoneGap API介紹：Events

作者：佚名
移動(dòng)開(kāi)發(fā)
本文將介紹PhoneGap API——Events：通過(guò)JavaScript截獲本地事件。PhoneGap整個(gè)生命周期內(nèi)觸發(fā)的事件。

事件類(lèi)型：

  backbutton

  • 當(dāng)用戶(hù)在Android系統(tǒng)上點(diǎn)擊后退按鈕的時(shí)候觸發(fā)此事件。
  1. document.addEventListener("backbutton", yourCallbackFunction, false); 

詳述：

  • 如果你需要在Android系統(tǒng)上重載默認(rèn)后退按鈕的行為，可以通過(guò)注冊(cè)一個(gè)事件監(jiān)聽(tīng)器來(lái)監(jiān)聽(tīng)“backbutton”事件。它不再需求調(diào)用任何其他方法來(lái)重載后退按鈕行為，現(xiàn)在你只需要為“backbutton”事件注冊(cè)一個(gè)事件監(jiān)聽(tīng)器。
  • 通常情況下，你需要在接收到PhoneGap的“deviceready”事件后，使用document.addEventListener來(lái)附加該事件監(jiān)聽(tīng)器。

支持的平臺(tái)：

  • Android

簡(jiǎn)單的范例：

  1. document.addEventListener("backbutton", onBackKeyDown, false); 
  2.      
  3. function onBackKeyDown() { 
  4.    // 處理后退按鈕操作 
  5. } 

完整的范例：

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head>     
  4. <title>PhoneGap Device Ready Example</title> 
  5.  
  6. <script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 
  7. <script type="text/javascript" charset="utf-8"> 
  8.  
  9.     // 當(dāng)PhoneGap加載完畢后調(diào)用onDeviceReady回調(diào)函數(shù) 
  10.     // 此時(shí)，該文件已加載完畢但phonegap.js還沒(méi)有加載完畢。 
  11.     // 當(dāng)PhoneGap加載完畢并開(kāi)始和本地設(shè)備進(jìn)行通訊， 
  12.     // 會(huì)觸發(fā)“deviceready”事件 
  13.     document.addEventListener("deviceready", onDeviceReady, false); 
  14.      
  15.     // PhoneGap is loaded and it is now safe to make calls PhoneGap methods 
  16.     function onDeviceReady() { 
  17.         // 注冊(cè)回退按鈕事件監(jiān)聽(tīng)器 
  18.            document.addEventListener("backbutton", onBackKeyDown, false); 
  19.     } 
  20.      
  21.     // 處理后退按鈕操作 
  22.     function onBackKeyDown() { 
  23.     } 
  24.  
  25. </script> 
  26. </head> 
  27. <body> 
  28. </body> 
  29. </html> 

deviceready

  • 當(dāng)PhoneGap被完全加載后會(huì)觸發(fā)該事件。
  1. document.addEventListener("deviceready", yourCallbackFunction, false); 

詳述：

  • 這是每個(gè)PhoneGap應(yīng)用程序都會(huì)用到的重要事件。
  • PhoneGap包含兩套代碼庫(kù)：本地代碼庫(kù)和JavaScript代碼庫(kù)。當(dāng)本地代碼加載時(shí)會(huì)顯示一個(gè)自定義的加載圖片，但是，JavaScript只是在DOM加載后就被加載。這潛在的說(shuō)明用戶(hù)的Web應(yīng)用程序可以在PhoneGap加載完成之前調(diào)用相應(yīng)的JavaScript函數(shù)。
  • PhoneGap一旦完全加載就會(huì)觸發(fā)deviceready事件。當(dāng)設(shè)備觸發(fā)該事件后，用戶(hù)就可以安全進(jìn)行PhoneGap函數(shù)調(diào)用。
  • 通常情況下，你會(huì)希望在HTML文件的DOM加載完畢后使用document.addEventListener附加一個(gè)事件監(jiān)聽(tīng)器。

支持的平臺(tái)：

  • Android
  • BlackBerry WebWorks (OS 5.0或更高版本)
  • iPhone

簡(jiǎn)單的范例：

  1. document.addEventListener("deviceready", onDeviceReady, false); 
  2.  
  3. function onDeviceReady() { 
  4.     // 現(xiàn)在可以安全使用PhoneGap API 
  5. } 

完整的范例：

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head>     
  4. <title>PhoneGap Device Ready Example</title> 
  5.  
  6. <script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 
  7. <script type="text/javascript" charset="utf-8"> 
  8.  
  9.     // 當(dāng)PhoneGap加載完畢后調(diào)用onDeviceReady回調(diào)函數(shù) 
  10.     // 此時(shí)，該文件已加載完畢但phonegap.js還沒(méi)有加載完畢。 
  11.     // 當(dāng)PhoneGap加載完畢并開(kāi)始和本地設(shè)備進(jìn)行通訊， 
  12.     // 就會(huì)觸發(fā)“deviceready”事件。 
  13.     document.addEventListener("deviceready", onDeviceReady, false); 
  14.      
  15.     // PhoneGap加載完畢，現(xiàn)在可以安全地調(diào)用PhoneGap方法 
  16.     function onDeviceReady() { 
  17.        // 現(xiàn)在可以安全使用PhoneGap API 
  18.     } 
  19.  
  20. </script> 
  21. </head> 
  22. <body> 
  23. </body> 
  24. </html> 

BlackBerry (OS 4.6) 的特異情況：

  • RIM的BrowserField(網(wǎng)頁(yè)瀏覽器視圖)不支持自定義事件，所以deviceready事件不會(huì)被觸發(fā)。
  • 一種解決方法是一直手動(dòng)查詢(xún)PhoneGap.available方法直到PhoneGap完全加載完畢。
  1. function onLoad() { 
  2.     // BlackBerry OS 4瀏覽器不支持自定義事件。 
  3.     // 因此通過(guò)手動(dòng)方式等待，直到PhoneGap加載完畢。 
  4.     var intervalID = window.setInterval( 
  5.         function() { 
  6.              if (PhoneGap.available) { 
  7.              window.clearInterval(intervalID); 
  8.              onDeviceReady(); 
  9.          } 
  10.      }, 
  11.      500 
  12.     ); 
  13. } 
  14.  
  15. function onDeviceReady() { 
  16.     // 現(xiàn)在可以安全地調(diào)用PhoneGap API 
  17. } 

menubutton

  • 當(dāng)用戶(hù)在Android系統(tǒng)上點(diǎn)擊菜單按鈕的時(shí)候觸發(fā)此事件。
  1. document.addEventListener("menubutton", yourCallbackFunction, false); 

詳述：

  • 如果你需要在Android系統(tǒng)上重載默認(rèn)菜單按鈕的行為，可以通過(guò)注冊(cè)一個(gè)事件監(jiān)聽(tīng)器來(lái)監(jiān)聽(tīng)“menubutton”事件。
  • 通常情況下，你需要在接受到PhoneGap的“deviceready”事件后，使用document.addEventListener來(lái)附加該事件監(jiān)聽(tīng)器。

支持的平臺(tái)：

  • Android

簡(jiǎn)單的范例：

  1. document.addEventListener("menubutton", onMenuKeyDown, false); 
  2.   
  3. function onMenuKeyDown() { 
  4.     //處理菜單按鈕操作 
  5. } 

完整的范例：

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
  2. <html> 
  3. <head>     
  4. <title>PhoneGap Device Ready Example</title> 
  5.  
  6. <script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 
  7. <script type="text/javascript" charset="utf-8"> 
  8.  
  9.     // 當(dāng)PhoneGap加載完畢后調(diào)用onDeviceReady回調(diào)函數(shù) 
  10.     // 此時(shí)，該文件已加載完畢但phonegap.js還沒(méi)有加載完畢。 
  11.     // 當(dāng)PhoneGap加載完畢并開(kāi)始和本地設(shè)備進(jìn)行通訊， 
  12.     // 會(huì)觸發(fā)“deviceready”事件 
  13.     document.addEventListener("deviceready", onDeviceReady, false); 
  14.      
  15.     // PhoneGap加載完畢，現(xiàn)在可以安全地調(diào)用PhoneGap方法 
  16.     function onDeviceReady() { 
  17.         // 注冊(cè)菜單按鈕事件監(jiān)聽(tīng)器 
  18.         document.addEventListener("menubutton", onMenuKeyDown, false); 
  19.     } 
  20.      
  21.     // 處理菜單按鈕操作 
  22.     function onMenuKeyDown() { 
  23.     } 
  24.  
  25. </script> 
  26. </head> 
  27. <body onload="onLoad()"> 
  28. </body> 
  29. </html> 

pause

  • 當(dāng)PhoneGap應(yīng)用程序被放到后臺(tái)的時(shí)候觸發(fā)此事件。
  1. document.addEventListener("pause", yourCallbackFunction, false); 

詳述：

  • PhoneGap包含兩套代碼庫(kù)：本地代碼庫(kù)和JavaScript代碼庫(kù)。當(dāng)本地代碼將應(yīng)用程序放到后臺(tái)的時(shí)候會(huì)觸發(fā)pause事件。
  • 通常情況下，你會(huì)希望一旦接收到PhoneGap的“deviceready”事件就使用document.addEventListener附加一個(gè)事件監(jiān)聽(tīng)器。

支持的平臺(tái)：

  • Android
  • BlackBerry WebWorks (OS 5.0或更高版本)
  • iPhone

簡(jiǎn)單的范例：

  1. document.addEventListener("pause", onPause, false); 
  2.  
  3. function onPause() { 
  4.    // 處理pause事件 
  5. } 

完整的范例：

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head>     
  4. <title>PhoneGap Device Ready Example</title> 
  5.  
  6. <script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 
  7. <script type="text/javascript" charset="utf-8"> 
  8.      
  9.     // 當(dāng)PhoneGap加載完畢后調(diào)用onDeviceReady回調(diào)函數(shù)。 
  10.     // 此時(shí)，該文件已加載完畢但phonegap.js還沒(méi)有加載完畢。 
  11.     // 當(dāng)PhoneGap加載完畢并開(kāi)始和本地設(shè)備進(jìn)行通訊， 
  12.     // 就會(huì)觸發(fā)“deviceready”事件。 
  13.     document.addEventListener("deviceready", onDeviceReady, false); 
  14.      
  15.     // PhoneGap加載完畢，現(xiàn)在可以安全地調(diào)用PhoneGap方法 
  16.     function onDeviceReady() { 
  17.         document.addEventListener("pause", onPause, false); 
  18.     } 
  19.      
  20.     // 處理pause事件 
  21.     function onPause() { 
  22.     } 
  23.  
  24. </script> 
  25. </head> 
  26. <body> 
  27. </body> 
  28. </html> 

iOS的特異情況：

  • 在pause事件處理過(guò)程中，不但任何通過(guò)Objective-C的調(diào)用不會(huì)工作，而且任何交互性的調(diào)用也不會(huì)工作，比如警示功能。這意味著你不能調(diào)用console.log(及其變種)，且任何來(lái)自插件或PhoneGap的API的調(diào)用都不會(huì)有所反應(yīng)。這些調(diào)用只有在應(yīng)用程序恢復(fù)后才會(huì)被處理（在下一輪運(yùn)行循環(huán)中處理）。

resume

  • 當(dāng)PhoneGap應(yīng)用程序被恢復(fù)到前臺(tái)運(yùn)行的時(shí)候觸發(fā)此事件。
  1. document.addEventListener("resume", yourCallbackFunction, false); 

詳述：

  • PhoneGap包含兩套代碼庫(kù)：本地代碼庫(kù)和JaPhoneGap包含兩套代碼庫(kù)：本地代碼庫(kù)和JavaScript代碼庫(kù)。當(dāng)本地代碼將應(yīng)用程序從后臺(tái)提取到前臺(tái)運(yùn)行的時(shí)候觸發(fā)resume事件。
  • 通常情況下，你會(huì)希望一旦接收到PhoneGap的“deviceready”事件就使用document.addEventListener附加一個(gè)事件監(jiān)聽(tīng)器。

支持的平臺(tái)：

  • Android
  • BlackBerry WebWorks (OS 5.0或更高版本)
  • iPhone

簡(jiǎn)單的范例：

  1. document.addEventListener("resume", onResume, false); 
  2.  
  3. function onResume() { 
  4.    // 處理resume事件 
  5. } 

完整的范例：

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head>     
  4. <title>PhoneGap Device Ready Example</title> 
  5.  
  6. <script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 
  7. <script type="text/javascript" charset="utf-8"> 
  8.  
  9.     // 當(dāng)PhoneGap加載完畢后調(diào)用onDeviceReady回調(diào)函數(shù)。 
  10.     // 此時(shí)，該文件已加載完畢但phonegap.js還沒(méi)有加載完畢。 
  11.     // 當(dāng)PhoneGap加載完畢并開(kāi)始和本地設(shè)備進(jìn)行通訊， 
  12.     // 就會(huì)觸發(fā)“deviceready”事件。 
  13.     document.addEventListener("deviceready", onDeviceReady, false); 
  14.      
  15.     // PhoneGap加載完畢，現(xiàn)在可以安全地調(diào)用PhoneGap方法。 
  16.     function onDeviceReady() { 
  17.         document.addEventListener("resume", onResume, false); 
  18.     } 
  19.      
  20.     // 處理resume事件 
  21.     function onResume() { 
  22.     } 
  23.      
  24. </script> 
  25. </head> 
  26. <body> 
  27. </body> 
  28. </html> 

online

  • 當(dāng)PhoneGap應(yīng)用程序在線（連接到因特網(wǎng)）的時(shí)候觸發(fā)此事件。
  1. document.addEventListener("online", yourCallbackFunction, false); 

詳述：

  • 當(dāng)應(yīng)用程序的網(wǎng)絡(luò)連接改變?yōu)閛nline的時(shí)候觸發(fā)online事件。
  • 通常情況下，你會(huì)希望一旦接收到PhoneGap的“deviceready”事件就使用document.addEventListener附加一個(gè)事件監(jiān)聽(tīng)器。

支持的平臺(tái)：

  • Android
  • BlackBerry WebWorks (OS 5.0或更高版本)
  • iPhone

簡(jiǎn)單的范例：

  1. document.addEventListener("online", onOnline, false); 
  2.   
  3. function onOnline() { 
  4.     // 處理online事件 
  5. } 

完整的范例：

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head>     
  4. <title>PhoneGap Device Ready Example</title> 
  5.  
  6. <script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 
  7. <script type="text/javascript" charset="utf-8"> 
  8.  
  9.     // 當(dāng)PhoneGap加載完畢后調(diào)用onDeviceReady回調(diào)函數(shù)。 
  10.     // 此時(shí)，該文件已加載完畢但phonegap.js還沒(méi)有加載完畢。 
  11.     // 當(dāng)PhoneGap加載完畢并開(kāi)始和本地設(shè)備進(jìn)行通訊， 
  12.       // 就會(huì)觸發(fā)“deviceready”事件。 
  13.     document.addEventListener("deviceready", onDeviceReady, false); 
  14.      
  15.     // PhoneGap加載完畢，現(xiàn)在可以安全地調(diào)用PhoneGap方法。 
  16.     function onDeviceReady() { 
  17.         document.addEventListener("online", onOnline, false); 
  18.     } 
  19.      
  20.     // 處理online事件 
  21.     function onOnline() { 
  22.     } 
  23.  
  24. </script> 
  25. </head> 
  26. <body> 
  27. </body> 
  28. </html> 

iOS的特異情況：

  • 在初次啟動(dòng)的情況下，***個(gè)online事件（如果有的話）將需要至少1秒鐘才被觸發(fā)。

offline

  • 當(dāng)PhoneGap應(yīng)用程序離線（沒(méi)有連接到因特網(wǎng)）的時(shí)候觸發(fā)此事件。
  1. document.addEventListener("offline", yourCallbackFunction, false); 

詳述：

  • 當(dāng)應(yīng)用程序的網(wǎng)絡(luò)連接改變?yōu)閛ffline的時(shí)候觸發(fā)offline事件。
  • 通常情況下，你會(huì)希望一旦接收到PhoneGap的“deviceready”事件就使用document.addEventListener附加一個(gè)事件監(jiān)聽(tīng)器。

支持的平臺(tái)：

  • Android
  • BlackBerry WebWorks (OS 5.0或更高版本)
  • iPhone

簡(jiǎn)單的范例：

  1. document.addEventListener("offline", onOffline, false); 
  2.   
  3. function onOffline() { 
  4.     // 處理offline事件 
  5. } 

完整的范例：

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head>     
  4. <title>PhoneGap Device Ready Example</title> 
  5.  
  6. <script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 
  7. <script type="text/javascript" charset="utf-8"> 
  8.  
  9.     // 當(dāng)PhoneGap加載完畢后調(diào)用onDeviceReady回調(diào)函數(shù) 
  10.     // 此時(shí)，該文件已加載完畢但phonegap.js還沒(méi)有加載完畢。 
  11.     // 當(dāng)PhoneGap加載完畢并開(kāi)始和本地設(shè)備進(jìn)行通訊， 
  12.       // 就會(huì)觸發(fā)“deviceready”事件。 
  13.     document.addEventListener("deviceready", onDeviceReady, false); 
  14.      
  15.     // PhoneGap加載完畢，現(xiàn)在可以安全地調(diào)用PhoneGap方法。 
  16.     function onDeviceReady() { 
  17.         document.addEventListener("offline", onOffline, false); 
  18.     } 
  19.      
  20.     // 處理offline事件 
  21.     function onOffline() { 
  22.     } 
  23.  
  24. </script> 
  25. </head> 
  26. <body> 
  27. </body> 
  28. </html> 

iOS的特異情況：

  • 在初次啟動(dòng)的情況下，***個(gè)offline事件（如果有的話）將需要至少1秒鐘才被觸發(fā)。

Searchbutton

  • 當(dāng)用戶(hù)在Android系統(tǒng)上點(diǎn)擊搜索按鈕的時(shí)候觸發(fā)該事件。
  1. document.addEventListener("searchbutton", yourCallbackFunction, false);  

詳述：

  • 如果你需要在Android系統(tǒng)上重載默認(rèn)搜索按鈕的行為，可以通過(guò)注冊(cè)一個(gè)事件監(jiān)聽(tīng)器來(lái)監(jiān)聽(tīng)“searchbutton”事件。
  • 通常情況下，你需要在接受到PhoneGap的“deviceready”事件后，使用document.addEventListener來(lái)附加該事件監(jiān)聽(tīng)器。

支持的平臺(tái)：

  • Android

簡(jiǎn)單的范例：

  1. document.addEventListener("searchbutton", onSearchKeyDown, false); 
  2.   
  3. function onSearchKeyDown() { 
  4.     // 處理搜索按鈕操作 
  5. } 

完整的范例：

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
  2. <html> 
  3. <head>     
  4. <title>PhoneGap Device Ready Example</title> 
  5.  
  6. <script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 
  7. <script type="text/javascript" charset="utf-8"> 
  8.  
  9.     // 當(dāng)PhoneGap加載完畢后調(diào)用onDeviceReady回調(diào)函數(shù)。 
  10.     // 此時(shí)，該文件已加載完畢但phonegap.js還沒(méi)有加載完畢。 
  11.     // 當(dāng)PhoneGap加載完畢并開(kāi)始和本地設(shè)備進(jìn)行通訊， 
  12.     // 會(huì)觸發(fā)“deviceready”事件。 
  13.     document.addEventListener("deviceready", onDeviceReady, false);   
  14.      
  15.     // PhoneGap加載完畢，現(xiàn)在可以安全地調(diào)用PhoneGap方法 
  16.     function onDeviceReady() { 
  17.         // 注冊(cè)搜索按鈕事件監(jiān)聽(tīng)器 
  18.         document.addEventListener("searchbutton", onSearchKeyDown, false); 
  19.     } 
  20.      
  21.     // 處理搜索按鈕操作 
  22.     function onSearchKeyDown() { 
  23.     } 
  24.  
  25. </script> 
  26. </head> 
  27. <body onload="onLoad()"> 
  28. </body> 
  29. </html> 

 

責(zé)任編輯：佚名 來(lái)源： PhoneGap中國(guó)
PhoneGap APIEvents
相關(guān)推薦

2011-07-05 17:29:53

PhoneGapevents

2011-12-20 11:20:46

PhoneGap APCompass

2011-12-19 16:09:32

PhoneGap APCamera

2011-12-19 15:30:25

AccelerometPhoneGap AP

2011-12-19 16:26:39

PhoneGap APCapture

2011-12-20 13:32:52

PhoneGap APContacts

2011-12-20 16:09:57

PhoneGap APDevice

2011-12-21 21:56:45

PhoneGap APFile

2011-12-22 09:54:40

PhoneGap APMedia

2011-12-22 10:33:39

PhoneGap APNotificatio

2011-12-22 10:45:32

PhoneGap APStorage

2011-12-20 15:34:55

PhoneGap APConnection

2011-12-22 09:27:36

PhoneGap APGeolocation

2011-09-13 10:17:26

PhoneGap AP

2011-12-30 13:59:38

PhoneGap APDevice視頻

2011-12-30 13:47:57

PhoneGap AP視頻Contacts

2011-12-30 14:09:32

PhoneGap APCompass視頻

2011-12-30 14:05:17

PhoneGap APConnection視頻

2011-12-30 14:13:05

PhoneGap APCamera視頻

2011-12-30 14:16:02

AccelerometPhoneGap AP視頻
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)

主站蜘蛛池模板： www.夜夜骑 | 欧美国产一区二区 | 久草在线 | 91pao对白在线播放 | 国产精彩视频 | 国产伦精品一区二区三区精品视频 | 亚洲毛片在线观看 | 欧美一区二区综合 | 国产精品成人一区二区 | www.免费看片.com | 看片一区 | 在线成人免费视频 | 玖玖在线免费视频 | 国产精品成人在线播放 | 人人做人人澡人人爽欧美 | 久久久久久国产精品免费免费狐狸 | 久久国产精品免费一区二区三区 | 国产精品久久久久久妇女 | 欧美精品一区二区在线观看 | aaaaaaa片毛片免费观看 | 国产免费观看一级国产 | a黄视频| 精品伊人 | 精品久久国产 | 亚洲视频欧美视频 | 亚洲精品国产电影 | 中文字幕综合 | 91嫩草精品| 一级aaaa毛片 | 亚洲精品4| 密乳av | 久久久免费精品 | 精品久久香蕉国产线看观看亚洲 | 成人精品网 | 欧美三区视频 | 亚av在线| 另类 综合 日韩 欧美 亚洲 | 中文字幕在线观看视频一区 | 国产精品精品视频一区二区三区 | 在线观看中文字幕视频 | 日韩免费视频一区二区 |