使用esc按钮关闭对话框

closing a dialog box with esc button

本文关键字：对话框 按钮 esc 使用      更新时间：2023-09-26

我有一个对话框#acronymPickerDialog，点击#cancelBtn就会被销毁。然而，现在我注意到，当我单击escape按钮时，尽管框似乎关闭了，但它仍然粘贴在页面底部。换句话说，它不会得到Esc按钮的destroy onClick。我需要在单击Esc键时销毁此对话框的代码。

现在是这样设置的：

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

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

尝试remove()而不是destroy()。类似这样的东西：

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