使用 esc 按钮关闭对话框

Question

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

onClick

。我需要在单击 Esc 键时销毁此对话框的代码。

现在的设置是这样的：

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


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

Answer 1

尝试使用

remove()

而不是

destroy()

。像这样的东西：

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

  // ✅ [CURRENT]
  if ( event.key === "Escape" ) {
     document.getElementById('your-dialog-box').remove()
  }
})