Wie ESC in Ereignis in JQuery Dialog abfangen?

Question

Ist es möglich, einen benutzerdefinierten Handler für ESC-Schlüssel im JQuery-Dialog zu haben?

Answer 1

Ja, das ist möglich.

Stellen Sie die closeOnEscape Option false und Ihre eigenen keydown Handler auf dem .ui-dialog Element Register innerhalb des dialogcreate Handler Dialog.

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

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

Answer 2

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

Answer 3

ich eine andere Art und Weise:

$(element).dialog({ 

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

});