javascript - Cordova 后退按钮不起作用

标签 javascript android html cordova

我遇到一个问题,即“后退”按钮上的 Cordova 事件尚未执行任何操作来执行警报 ("")。

有趣的是,代码看起来完全没问题,我什至没有忘记引入cordova.js,我唯一能想到的是有必要洗一个插件,因为我没有任何既定的。

我的代码如下所示:

<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
    <link rel="stylesheet" href="css/phonon.css" />
    <style>
        .uvitani {
            font-size: 250%;
            margin: 0;
            color: white;
            position: absolute;
            top: 40%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, -50%)
        }

        .tlacitko {
            margin: 0;
            color: #0084e7;
            background-color: white;
            position: absolute;
            bottom: 0;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, -50%)
        }
    </style>
</head>
<script type="text/javascript" charset="utf-8">
    function barva() {
        alert(cordova.platformId);
        if (cordova.platformId == 'android') {
            StatusBar.backgroundColorByHexString("#0065b3");
        }
        document.addEventListener("backbutton", onBackKeyDown, false);

        function onBackKeyDown() {
            alert("Back");
        }
    }
</script>

<body style="background-color: #0084e7;" onload="barva();">
    <center>
        <p class="uvitani">Vítejte v aplikaci ISAS</p>
        <button class="btn tlacitko" onclick='document.location="styl.html";'>Pokračovat</button>
    </center>
    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script src="js/phonon-core.js"></script>
    <script src="js/components/forms.js"></script>
    <script src="js/components/preloaders.js"></script>
    <script src="js/components/dialogs.js"></script>
</body>

</html>

最佳答案

请在警报框中传递一些字符并返回 false,

      function barva() {
          alert(cordova.platformId);
          document.addEventListener("deviceready", onDeviceReady, false);
       }

      function onDeviceReady(){
        if (cordova.platformId == 'android') {
              StatusBar.backgroundColorByHexString("#0065b3");
           }
          document.addEventListener("backbutton", onBackKeyDown, false);
      }
      function onBackKeyDown(){
          alert('back');
          return false;
      }

如需更多帮助,请查看here .

请检查您的插件,

您需要在项目中添加以下插件

   cordova plugin add org.apache.cordova.statusbar

希望这对你有帮助!!!

关于javascript - Cordova 后退按钮不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38521595/

相关文章:

数组的Javascript索引是数组

javascript - Laravel jQuery 折线图

java - Android GC使用什么权限

php - 图库图像过渡

android - 使用 jQuery Mobile 在 iOS 和 Android 中的标签的子元素上不触发单击事件

javascript - 在chrome扩展中获取下载文件的绝对路径

javascript - jquery - 如何将数组值放入动画中?

android - 如何在 Android 中创建生命周期感知处理程序?

android - 如何更改选项菜单点的颜色?

javascript 选择按字母顺序排序