使用Escape按钮退出jquery弹出对话框

本文关键字：对话框 jquery 退出 Escape 按钮使用 | 更新日期: 2023-09-27 18:12:49

我设法用jquery创建一个弹出对话框来显示一个创建表单的部分视图，现在我的下一个问题是如何使用Esc键在键盘上返回pop-up之前的页面。我试着创建一个紧密的链接/按钮，它工作得很好，但我真的很喜欢使用Esc键进行练习。

有什么想法吗?

您可以订阅keyup事件并检查keycode。确保添加了选择器。

keyup(function(e) {
   if(e.keyCode == 27) {
      // close your window
   }
});

您必须在文档上设置keyup事件，并在其中添加用于关闭对话框的代码。

$(document).keyup(function(e) {
  if (e.keyCode == 27) 
  {
      $('#dialog').dialog('close'); 
  } 
});