私はAndroid私のDrupalサイトとやり取りするPhonegapを使用したアプリケーションを開発しています。Android " Drupalサーバーからログオフするようにユーザーに促すための[戻る]ボタン。ただし、(明らかな理由で)ログインページで無効にしたいだけです。ユーザーがログアウトすると、ログインページでボタンがログオフボタンとして再割り当てされたままになります。
<head>
<script>
/* Wait until device is ready to re-assign Back button */
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
document.addEventListener("backbutton", onBackKeyPress, false);
}
function onBackKeyPress() {
/* If the current page is the login page, disable the button completely (aka do nothing) */
if ($.mobile.activePage.attr('id') == 'login_page') {
}
/* Else, execute log off code */
else {
if (confirm("Are you sure you want to logout?")) {
/* Here is where my AJAX code for logging off goes */
}
else {
return false;
}
}
}
</script>
</head>
問題は、[戻る]ボタンが再割り当てされないことです。ユーザーがログアウトしてログインページに戻ったときに、上記のコードを再実行する方法がわかりません。
誰かがこれに対する解決策を提供してくれるとしたら、私はとても感謝します!
devicereadyは重要です。使用しない場合、「戻る」ボタンがブロックされる場合とそうでない場合があります。多くの場合、デバッグでは機能しますが、本番では機能しません。
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
document.addEventListener("backbutton", function (e) {
e.preventDefault();
}, false );
}
EDIT 2013-11-03よくある間違いは、開発がデスクトップで実行され、コルドバスクリプトが除外されることです。次に、モバイルバージョン用のCordovaスクリプトを含めるのを忘れます。
これを試して:
document.addEventListener("backbutton", function(e){
if($.mobile.activePage.is('#login_page')){
e.preventDefault();
}
else {
if (confirm("Are you sure you want to logout?")) {
/* Here is where my AJAX code for logging off goes */
}
else {
return false;
}
}
}, false);
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
document.addEventListener("backbutton", function (e) {
e.preventDefault();
}, false );
}
デバイスの準備で戻るボタンのアクションをオーバーライドする必要があります...これが完全に機能する例「index.html」です
<!DOCTYPE html>
<html>
<head>
<title>Back Button</title>
<link rel="stylesheet" type="tex`enter code here`t/css" href="style.css">
<script>
function getTitle() {
document.getElementById("ct").innerHTML = "DEMO: " + document.title;
}
</script>
<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);
getTitle();
}
// device APIs are available
//
function onDeviceReady() {
// Register the event listener
document.addEventListener("backbutton", onBackKeyDown, false);
}
// Handle the back button
//
function onBackKeyDown() {
alert('Backbutton key pressed');
console.log('Backbutton key pressed');
}
</script>
</head>
<body onload="onLoad()">
<ul id="nav">
<li><a href="index.html">← Back</a></li>
<li><a href="#" id="ct" onclick="location.reload();"></a></li>
</ul>
</body>
</html>
私はこのコードを使用し、戻るボタンが最終的にオーバーライドされます...
Ref-> https://github.com/amirudin/PhoneGapPluginDemo/blob/master/www/evt-backbutton.html