android - Android 菜单按钮上的 JQuery 移动菜单

Question

我正在使用 android 中的 phonegap 开发一个小型混合应用程序。我希望在按下 android 手机上的菜单硬件按钮时弹出一个菜单，就像任何本机应用程序一样。我正在使用 Galaxy S2。我确实尝试创建一个 DIV 并在菜单按钮上切换它。

$(document).on("menubutton", onMenuButton);

function onMenuButton(){
        $("#sltmainmenu").toggle();
}

这是我的 div，它不属于任何页面。

<div id="MAIN_MENU" data-role="fieldcontain" class="mainmenu">
  <select name="sltmainmenu" id="sltmainmenu" data-native-menu="false">
    <option value="search">Search</option>
    <option value="logout">Logout</option>
  </select>
</div>

如何使用 phonegap 实现本机应用程序菜单操作？

Answer 1

您想将此脚本添加到文档的头部：

document.addEventListener("menubutton", menuButtonHandle, false);
function menuButtonHandle() {
    alert("Menu button was pressed!");
}

有关更多信息和示例，请参阅

http://docs.phonegap.com/en/3.4.0/cordova_events_events.md.html#menubutton

Answer 2

 KeyEvent.prototype.menuTrigger = function()
    {
      var e = document.createEvent('Events');
      e.initEvent('menuKeyDown');
      document.dispatchEvent(e);
    }

- - - - - - - - - - - 或者 - - - - - - - - - - - - - - ----

document.addEventListener("menubutton", function () { 
    alert('Menu button');
}, false);  

document.addEventListener("searchbutton", function () { 
    alert('Search button');
}, false);                      

document.addEventListener("backbutton", function () { 
    alert('Back button');
}, false);