gpt4 book ai didi

javascript - 防止后退按钮退出 Cordova 应用程序

转载 作者:太空狗 更新时间:2023-10-29 14:44:20 27 4
gpt4 key购买 nike

我一直在努力解决这个问题,在我的 cordova 应用程序中,后退按钮无论如何都会退出应用程序。我已经尝试了我在网上遇到的所有解决方案,但没有任何成功。

我尝试过的所有解决方案(下面的示例)都产生了相同的结果。

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

function onBackKeyDown() {
// Handle the back button
}

我的回调中的代码执行没有问题,但在执行后,它退出了应用程序。例如,我可以通过在我的函数中包含一个 ReferenceError 来防止退出

console.log(undefinedVar);

但这显然不是最佳实践。

我尝试过的其他解决方案包括使用回调中的 event.preventDefault() 和 ionic 的 registerBackButtonAction 函数。

如有任何建议,我们将不胜感激。

最佳答案

enter code here 

<!DOCTYPE html>
<html>
<head>
<title>Stopping 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('Back Button Disabled');
console.log('Back Button Disabled');
}
</script>
</head>
<body onload="onLoad()">
<ul id="nav">
<li><a href="index.html">&larr; Back</a></li>
<li><a href="#" id="ct" onclick="location.reload();"></a></li>
</ul>
</body>
</html>

关于javascript - 防止后退按钮退出 Cordova 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42447826/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com