Jak złapać ESC w zdarzeniu w oknie dialogowym JQuery?

Question

Czy jest możliwe posiadanie niestandardowego programu obsługi dla klucza ESC w oknie dialogowym JQuery?

Answer 1

Tak, jest to możliwe.

Ustaw opcję falsecloseOnEscape i zarejestrować własną keydown obsługi na elemencie .ui-dialog w oknie dialogowym za dialogcreate obsługi.

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

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

Answer 2

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

Answer 3

używam inny sposób:

$(element).dialog({ 

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

});