如何禁用安卓后退按钮点击在html5网络应用程序

How to disable android back button click in html5 web app

本文关键字：html5 网络 应用程序 按钮 何禁用      更新时间：2024-03-03

我想禁用我的网络应用程序中的android后退按钮点击，该应用程序是我使用html5、javascript和jquery mobile构建的。

点击android后退按钮，它会最小化我的网络应用程序。Web应用程序将转到后台。我该如何防止这种情况发生？我尝试了很多方法，比如

document.addEventListener('backbutton', function(){});

data-backbtn=false等等…但仍然没有运气。。

如果它是一个原生的android应用程序，那就很容易了。但如何做到这一点是在一个网络应用程序。

感谢您的帮助。

你在Phonegap工作吗？

//Deviceready function
document.addEventListener('deviceready', function() {
    document.addEventListener("backbutton", goBack, false);
}, false);

//Function for back button function
function goBack(){
}

如果我理解得对，网络应用程序基本上就是在手机的浏览器中打开网页。您无法从web应用程序禁用后退键。

它内置于手机中，可在按下后退键时将应用程序（在本例中为浏览器）置于后台。

如果您希望在用html/css/javascript编写代码时使用本机功能，那么请签出像Phonegap这样的包装器。它可以轻松地将您的网络应用程序打包为本地应用程序。

将以下代码放入MainActivity.java类

@Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_BACK) {
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }
相关文章：