当用户按Enter键时,如何根据鼠标位于哪个表单上来控制提交哪个表单?

时间:2012-10-25 21:18:29

标签: jquery forms submit mouseevent keyevent

我在页面上有三个表单。每个表单都有一个用户名和密码字段,以及一个复选框。检测用户何时按下Enter并提交相应的表单不是问题:

$("input[type='text'], input[type='password'], input[type='checkbox']").keypress(function(event) {
    if ( event.which == 13 ) {
        event.preventDefault();
        $(this).closest("form").submit();
    }
});

然而,问题是如果没有选中复选框,按回车将不会提交表格。我的解决方案:如果鼠标悬停在表单上,​​那么当用户按下回车键时,我会提交该表单。但我不知道如何实施这个解决方案。

如何允许用户提交相应的表单,具体取决于鼠标是悬停在该表单上还是用户选择了文本字段或复选框?

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

在表单中添加输入type="submit",将其样式设置为visibility: hidden。默认情况下,当在属于同一表单的字段中按Enter键时,浏览器将使用提交按钮。无需JavaScript。