绑定到移动设备硬件按钮

时间:2013-01-12 12:27:12

标签: jquery jquery-mobile

是否可以使用jQuery mobile绑定到移动设备的硬件按钮? 如果是,是否有任何代码示例?

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

以下是关于android和硬件后退按钮Take control of hardware back button jquery mobile

的类似问题

现在我想知道如何为音量增大和减少做同样的事情但是跨平台?

2 个答案:

答案 0 :(得分:3)

简短的回答是不,你不能只用jQuery Mobile做到这一点。

现在我假设你正在创建一个移动应用程序,而移动应用程序我指的是混合的android / iPhone应用程序,而不是你的网络应用程序的移动版本。如果我是正确的,你可能会使用一个Phonegap / Cordova框架包装器,它将作为HTML / CSS / JS和自然应用程序之间的包装器。

有关Phonegap / Cordova框架的更多信息,请访问:http://cordova.apache.org/

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

但回到你的问题,这里是你如何使用Phonegap绑定音量增加和音量减小事件到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

答案 1 :(得分:0)

很抱歉,但Jquery或Jquery mobile控制着您的网页或网络应用的浏览器DOM和UI ..他们无法控制移动设备功能..您提到过......

但就音量上下而言,你可以使用jquery插件......

如果您在Jquery Mobile工作,请使用此...

http://videojs.com/

可用作替代要求的HTML5视频播放器...