How to Detect an ESC key press using jQuery? CodeUnit 07 AUG 2012

As per usual, the always brilliant jQuery javascript library makes it particularly easy to detect and act on a keyboard button press action. For this particular snippet we are interesting in binding our function to the user hitting the Escape (ESC) on their keyboard.

To achieve this, we make use of jQuery’s keyup listener method and bind it to the document itself. Then making use of the useful keyCode parameter passed in by the browser, we simply check for the code associated with the ESC key and act.

In practice:

$(document).keyup(function(e) {
if (e.keyCode == 27) { 
   alert('Esc key pressed!');

Simple and effective.

Related Posts:

About Craig Lotter

South African software architect and developer at Touchwork. Husband to a cupcake baker and father to two little girls. I don't have time for myself any more.