How to catch ESC in case in jQuery Dialog?

Question

Is it possible to have a special handler for the ESC key in the jQuery dialog?

Answer 1

Yes it is possible.

Set closeOnEscape to false and register your own keydown handler with the .ui-dialog element in the dialogcreate dialog box.

 $(element).dialog({ create: function() { $(this).closest('.ui-dialog').on('keydown', function(ev) { if (ev.keyCode === $.ui.keyCode.ESCAPE) { ... } }); ... }, closeOnEscape: false, ... }); 

See http://jsfiddle.net/alnitak/EbnZr

Answer 2

I use a different way:

 $(element).dialog({ beforeClose: function(event) { if (event.keyCode === $.ui.keyCode.ESCAPE) { // ... return false; } } }); 

Answer 3

 $(selector-for-dialog).keyup(function(e) { // ESC key if ( e.keyCode === 27 ) { // custom action } });