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

发布于 2024-10-19 07:29:12 字数 762 浏览 2 评论 0原文

我正在使用 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”点击事件，这样它的行为就像我们单击打开的对话框上的登录按钮一样。

请建议！

谢谢。

此致，

原文

I am using JQuery Dialog Box.

I have got below code where I am opening my Dialog Box.

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

When Dialog box is open, there is login button in it, which validate the username and password field in it using click event. Please see below code sample.

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

My Login Button is an Image not a button.

Now I want to catch "Enter" button press only when my Login Dialog is open as well as after catching the "Enter" button it should call my "loginButton" click event, so that it will behave like we have clicked the loginbutton on open dialog box.

Please suggest!

Thanks.

Best Regards,

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

看透却不说透 2024-10-26 07:29:12

您可以检查按钮是否可见

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

You can check if the button is visible

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

回复收藏 0 原文

记忆で 2024-10-26 07:29:12

在 div MyLogin 的“onLoad”事件上注册一个 JS 函数，例如

     <div id="MyLogin" onload="javascript:return checkKeyPress();" />

在 checkKeyPress 函数中检查 keyCode 是否为 13 并提交表单，例如伪代码

    event.preventDefault() ;
    if (keyCode == 13 )
          frm.submit();

    return false;

请记住，event.preventDefault和return false行是必须的，否则KeyPress事件将传播到主表单/页面。希望这会有所帮助。

     <div id="MyLogin" onload="javascript:return checkKeyPress();" />

In checkKeyPress function check if the keyCode is 13 the submit the form e.g. pseudocode

    event.preventDefault() ;
    if (keyCode == 13 )
          frm.submit();

    return false;

Remember that event.preventDefault and return false line is must, otherwise the KeyPress event will propagate to main form/page. Hope this will help.

回复收藏 0 原文

~没有更多了~