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

Question

我设法创建了一个带有jquery的局部视图，用于显示创建表单的弹出对话框，现在我的下一个问题是如何使用键盘上的 Esc 键返回{ {1}}。我尝试创建一个关闭链接/按钮，但它确实有效，但我真的想使用 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'); 
  } 

});