Question

108

How can I add a keyboard shortcut to an existing JavaScript Function?

rated 0 times [ 114] [ 6] / answers: 1 / hits: 104454 / 15 Years ago, wed, march 24, 2010, 12:00:00

Here is my code:

function pauseSound() {

    var pauseSound = document.getElementById(backgroundMusic);

    pauseSound.pause(); 

}

I would like to add a keyboard shortcut to this code, how can I do this so that the function can also be executed when a button is clicked too?

Tried to add an else if statement but it doesn't work, any ideas?

function doc_keyUp(e) {

    if (e.ctrlKey && e.keyCode == 88) {

        pauseSound();

    }



    else if (e.ctrlKey && e.keyCode == 84) {

        playSound();

    }

}

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

samir

Add To Favorites

Follow

Total Points: 145

Total Questions: 90

Total Answers: 89

Location: Tokelau

Member since Sun, May 7, 2023

1 Year ago

answered 15 Years ago ernest · Accepted Answer

Handle the keyup event on the document.

Note that KeyboardEvent.keyCode was deprecated. Assuming the question code means to check keys by physical location, KeyboardEvent.code is the proper way to do so now.

// define a handler

function doc_keyUp(e) {



    // this would test for whichever key is 40 (down arrow) and the ctrl key at the same time

    if (e.ctrlKey && e.code === 'ArrowDown') {

        // call your function to do the thing

        pauseSound();

    }

}

// register the handler 

document.addEventListener('keyup', doc_keyUp, false);