Javascript: Escape key = browser back button

Question

In a browser how can I make the keyboard's escape key go back in Javascript.

For example: if you visit this page and click the "Fullscreen" link I'd like to press the escape key and go back to the previous page.

What's the Javascript to make this magic happen?

Answer 1

You can add a Key-Listener:

window.addEventListener("keyup", function(e){ if(e.keyCode == 27) history.back(); }, false);

This will call history.back() if the Escape key (keycode 27) is pressed.

Answer 2

$(document).bind("keyup", null, function(event) {
        if (event.keyCode == 27) {  //handle escape key
            //method to go back            }
    });

Answer 3

You can bind an onkeyup event handler to window and check if the keycode is 27 (keycode for Escape), then use the window.history.back() function.

window.onkeyup = function(e) {
  if (e.keyCode == 27) window.history.back();
}

MDC docs on window.history, https://developer.mozilla.org/en/DOM/window.history