webapp 双击安卓原生回退按钮实现退出应用程序小实例

最新推荐文章于 2023-08-14 12:28:12 发布

MCcDullPig

最新推荐文章于 2023-08-14 12:28:12 发布

阅读量6.3k

点赞数

分类专栏： web前端文章标签： js监听安卓原生回退按钮 backbutton 双击退出程序应用

本文链接：https://blog.csdn.net/McDullBro/article/details/52943380

版权

本文介绍如何使用JavaScript监听安卓设备的原生回退按钮，并通过双击实现webapp的退出操作，详细讲解了相关代码实现及Cordova的backbutton事件应用。

摘要由CSDN通过智能技术生成

js如果要监听安卓手机原生回退按钮，只能通过cordova的backbutton事件来实现，具体实现方法如下：

html代码：

<!DOCTYPE html>
<html>
  <head>
    <title>回退按钮小实例</title>
    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" charset="utf-8" src="testBackBtn.js"></script>
  </head>
 
  <body οnlοad="onLoad()">
  </body>

</html>

testBackBtn.js代码

//等待API库装载
    function onLoad(){
        document.addEventListener("deviceready", onDeviceReady, false);
    }


    //API装载完毕
    function onDeviceReady() {
        // 注册事件监听
        document.addEventListener("backbutton", exitMyApp, false);
    }

    //绑定给安卓回退按钮的回调事件（双击回退按