Question

I have the following code to test the menu button :

<script type="text/javascript" cahrset="utf-8">     
    //wait till device is ready
document.addEventListener("deviceready", onDeviceReady(), false);

//add a menu button event handler
function onDeviceReady() {
    alert('deviceready');
    document.addEventListener("menubutton", onMenuKeyDown(), false);
}
    //fired when menubutton of device is clicked
function onMenuKeyDown() {
    alert('menu key down');
}

</script>

however when I press them menu button, nothing happens. Logcat says nothing, but I guess since this is from tag “web console” it might be useful:

10-13 15:46:16.720: INFO/Web Console(13969): Error in success callback: Network Status1 = TypeError: Cannot read property 'apply' of undefined at :-2167

I followed this Tutorial from Phonegap API Reference but it doesnt seem to handle my menu button presses.
any help? thanks a lot in advance, daniel

edit: Maybe this is helpful for you to know whats going on: When I press the menu Button, logcat shows

10-18 09:21:52.560: WARN/WindowManager(152): statePower =normal

also, the event “searchbutton” doesnt work either

Answer 1

From what I can see, it looks like an issue with your listeners. By adding the brackets at the end of the function name, you are invoking the function immediately when the listener is setup, instead of setting a reference for the event to fire later.

Try:

document.addEventListener("deviceready", onDeviceReady, false);

And:

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

Hope this helps!