移动开发 phonegap 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

backbutton

  PhoneGap拦截返回键,这个功能是当用户按下返回键时事件触发。事件注册形式如下:

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

  如果需要在Android系统上重载默认返回按钮的行为,可以通过注册一个事件监听器来监听“backbutton”事件。它不再需要调用任何其他方法来重载返回按钮行为,现在只需要为“backbutton”事件注册一个事件监听器。

  通常情况下,需要在接收到PhoneGap的“deviceready”事件后,使用document.addEventListener来附加该事件监听器。

<script type="text/javascript" charset="utf-8">
    // 当PhoneGap加载完毕后调用onDeviceReady回调函数 
    // 此时,该文件已加载完毕但phonegap.js还没有加载完毕。
    // 当PhoneGap加载完毕并开始和本地设备进行通讯,
    // 会触发“deviceready”事件
    document.addEventListener("deviceready", onDeviceReady, false);
    // PhoneGap is loaded and it is now safe to make calls PhoneGap methods
    function onDeviceReady() {
    // 注册回退按钮事件监听器
           document.addEventListener("backbutton", onBackKeyDown, false);
    }
    // 处理后退按钮操作
    function onBackKeyDown() {
    //在这里面写我们自己的代码
       }
</script>
  根据前面建立的项目,用以上代码去修改index.html的内容,当点击返回按钮时,提示 "back now",编译完成下载到手机上去测试一下结果吧!