Phonegap戻りキーbackbutton機能cordova

1539 ワード

httml 5 Cordova Phone Gap 戻るキー backbutton

Phonegapがリターンキーをブロックするこの機能は、ユーザがリターンキーを押すイベントがトリガーする.
監視するコールバック関数は次のとおりです.

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

登録イベントリスニング、代表的な呼び出しdocument.addEventListener、devicereadyイベントを登録したら
theback-button動作を上書きするために他の方法を呼び出す必要はありません.
サポートプラットフォーム:

Amazon Fire OS

Android

BlackBerry 10

Windows Phone 7 and 8簡単例:

document.addEventListener("backbutton", onBackKeyDown, false);
function onBackKeyDown() {   
 // Handle the back button

}

完全例:

<!DOCTYPE html><html>  <head>    
<title>Back Button Example</title>    
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>    
<script type="text/javascript" charset="utf-8">    
// Wait for device API libraries to load    //    
function onLoad() {        
	document.addEventListener("deviceready", onDeviceReady, false);    
}    
// device APIs are available    //    
function onDeviceReady() {        // Register the event listener        
	document.addEventListener("backbutton", onBackKeyDown, false);    }    
	// Handle the back button    //    
	function onBackKeyDown() {    

	}    
</script>  
</head>  
<body onload="onLoad()">  </body>
</html>

戻りキーを押すとfunction onBackKeyDown()が実行されます.実行する方法を中に入れればいい

JavaScriptページを指定した要素の場所にスクロール

最初のHtml 5ゲームを開発(四)