使用Escape Button退出jquery弹出对话框

Question

我用jquery创建了一个部分视图，用于弹出对话框以显示create表单，现在我的下一个问题是如何使用键盘上的Esc键在pop-up之前返回页面。我尝试创建一个紧密的链接/按钮，效果很好，但我非常喜欢使用Esc键进行实践。

有什么想法吗？

Answer 1

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

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

Answer 2

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

$(document).keyup(function(e) {

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

});