jquery - 如何处理 JQuery 对话框上的 ENTER 按钮按下

Question

我正在使用 JQuery 对话框。

我有下面的代码，我可以在其中打开对话框。

  $('#MyLogin').dialog({
                autoOpen: true,
                width: 450,
                modal: true,
                draggable: false,
                title: $('.LoginpopupHeaderText').text(),
                close: function(event, ui) {showSelect();}
            });

当对话框打开时，其中有一个登录按钮，它使用单击事件验证其中的用户名和密码字段。请参阅下面的代码示例。

    //Login Button Clicked
    $('#loginButton').click(function()
    {   
            //Code goes here
        });

我的登录按钮是图像而不是按钮。

现在，我想仅在登录对话框打开时捕获“Enter”按钮按下，并且在捕获“Enter”按钮后，它应该调用我的“loginButton” “单击事件，这样它的行为就像我们单击打开的对话框上的登录按钮一样。

请推荐!

谢谢。

最诚挚的问候，

Answer 1

您可以检查按钮是否可见

$('body').keyup(function(e) {
   if ($('#MyLogin').is(':visible') && e.which == 13) {
      //stuff
   }
});