Invoke Escape key press event by jquery

jquery keypress
Lakshay picture Lakshay · Apr 9, 2012 · Viewed 35.2k times · Source

I want to make my question clear. Please dont confuse it with determining the key press. I dont want the user to press any key. On the contrary, I want to run a script which fires the Escape key press event. Please help!

Answer

m90 picture m90 · Apr 9, 2012

You can use $.Event() to create an Event object containing a keydown event with the keyCode of 27 (which should be Esc) like:

var esc = $.Event("keydown", { keyCode: 27 });
$("body").trigger(esc); // change body to the element where you'd like to execute the escape key press.

See this working demo and the docs at jquery.com

Also note that, as stated by Christofer, this might not be working in all browsers and environments as it might be considered shady behavior that could be used in a malicious manner - just like triggering a click event on an <a> with an external href will not happen. I successfully tested this (the Esc) in Chrome, Safari, Opera, FF & IE9 though.

Related questions

jQuery Event Keypress: Which key was pressed?

With jQuery, how do I find out which key was pressed when I bind to the keypress event? $('#searchbox input').bind('keypress', function(e) {}); I want to trigger a submit when ENTER is pressed. [Update] Even though I found …

Read More
How to detect a textbox's content has changed

I want to detect whenever a textbox's content has changed. I can use the keyup method, but that will also detect keystrokes which do not generate letters, like the arrow keys. I thought of two methods of doing this using …

Read More
JQuery: detect change in input field

I want to detect when a user's keyboard actions alter the value of a text field. It should work consistently across modern browsers. The JQuery page for the .keypress event says it's not consistent? Also, it doesn't work for backspace, …

Read More