移动开发 phonegap 互动版

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

menubutton

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

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

  如果你需要在Android系统上重载默认菜单按钮的行为,可以通过注册一个事件监听器来监听“menubutton”事件。通常情况下,你需要在接受到PhoneGap的“deviceready”事件后,使用document.addEventListener来附加该事件监听器。

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