使用 esc 按钮关闭对话框答案

【问题标题】：closing a dialog box with esc button使用 esc 按钮关闭对话框
【发布时间】：2015-01-08 12:55:36
【问题描述】：

我有一个对话框#acronymPickerDialog，在单击#cancelBtn 时会被破坏。但是现在我注意到，当我单击退出按钮时，虽然该框似乎已关闭，但它仍然粘贴在页面底部。换句话说，它不会破坏 Esc 按钮的onClick。我需要在单击 Esc 键时破坏此对话框的代码。

现在是这样设置的：

events: {
    "click #okBtn": "selectAcronym",
    "click #cancelBtn": "closeAcronymPicker"
},


closeAcronymPicker: function () {  
    this.destroy();
}

【问题讨论】：

在 Stackoverflow 上查找可以帮助您的脚本：stackoverflow.com/questions/4301859/…

标签： javascript jquery

【解决方案1】：

尝试remove() 而不是destroy()。像这样的：

document.addEventListener('keyup', function (event) {
  if ( event.keyCode == 27 )   {
     document.getElementById('your-dialog-box').remove()
  }
})

【讨论】：