jquery - 绑定(bind)到移动设备硬件按钮

Question

是否可以使用 jQuery mobile 绑定(bind)到移动设备的硬件按钮？如果有，有代码示例吗？

我特别感兴趣的是绑定(bind)到移动设备音量增大和减小按钮以及使用这些按钮滚动页面。

这是关于 Android 和硬件后退按钮的类似问题 Take control of hardware back button jquery mobile

现在我想知道如何在跨平台上对音量进行相同的操作？

Answer 1

简短的回答是否定的，您不能仅使用 jQuery Mobile 来做到这一点。

现在我假设您正在创建一个移动应用程序，我所说的移动应用程序是指混合 Android/iPhone 应用程序，而不是 Web 应用程序的移动版本。如果我是正确的，您可能会使用 Phonegap/Cordova 框架包装器，它将作为 HTML/CSS/JS 和 natuve 应用程序之间的包装器。

有关 Phonegap/Cordova 框架的更多信息可以在这里找到:http://cordova.apache.org/

jQuery Mobile 和 Phonegap 是一个标准组合，你可以找到很多如何使用的教程。

但回到你的问题，以下是如何使用 Phonegap 将音量增大和音量减小事件绑定(bind)到 jQuery 移动代码:

document.addEventListener("volumedownbutton", onVolumeDownKeyDown, false);

function onVolumeDownKeyDown() {
    // Handle the volume down button
}

和:

document.addEventListener("volumeupbutton", onVolumeUpKeyDown, false);

function onVolumeUpKeyDown() {
    // Handle the volume up button
}

另请参阅我的另一篇短文如何使用 jQuery mobile 处理phonegap 事件:

https://stackoverflow.com/a/14010308/1848600

有关音量增大/音量减小事件的更多信息可以在此处找到:http://docs.phonegap.com/en/1.2.0/phonegap_events_events.md.html