javascript - How can I execute some code if jQuery dialog was closed on escape? - Stack Overflow

admin管理员组

文章数量:1356735

I have a jQuery dialog and I need to execute some_code() when I press Esc or click the Cancel button. The latter is easy to implement, I just add define a property of the buttons object:

$('#mydialog').dialog({

  closeOnEscape: true,

  close: function(event, ui) {
    //some_code();
    $(this).dialog('destroy')
  },

  buttons: {
    "OK": function() {
      $(this).dialog("close");
    },
    "Cancel": function() {
      some_code();
      $(this).dialog("close");
    }
  }
});

But how can I execute some_code() after pressing Esc? This function must not be called clicking the OK button, so I cannot simply place it in the close event.

I have a jQuery dialog and I need to execute some_code() when I press Esc or click the Cancel button. The latter is easy to implement, I just add define a property of the buttons object:

$('#mydialog').dialog({

  closeOnEscape: true,

  close: function(event, ui) {
    //some_code();
    $(this).dialog('destroy')
  },

  buttons: {
    "OK": function() {
      $(this).dialog("close");
    },
    "Cancel": function() {
      some_code();
      $(this).dialog("close");
    }
  }
});

But how can I execute some_code() after pressing Esc? This function must not be called clicking the OK button, so I cannot simply place it in the close event.

• javascript
• jquery
• jquery-ui-dialog

Share Improve this question Follow edited Jan 8, 2022 at 12:41 double-beep 5,5371919 gold badges4040 silver badges4949 bronze badges asked Jan 19, 2014 at 15:59 VickelVickel 8,00766 gold badges3838 silver badges6262 bronze badges 0

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 13 +500

After googling around without finding an answer, I started looking into close: function(event, ui) part and found the solution using event.originalEvent (JSFiddle):

close: function(event, ui) {
  // some_code();
  if (event.originalEvent) {
    // triggered by clicking on dialog box X or pressing ESC
    // not triggered if a dialog button was clicked
    some_code();
  }
  $(this).dialog('destroy')
}

本文标签： javascriptHow can I execute some code if jQuery dialog was closed on escapeStack Overflow