jquery - 当用户按下回车键时，如何根据鼠标位于哪个表单上来控制提交哪个表单？

Question

我在一个页面上有三个表格。每个表单都有一个用户名和密码字段，以及一个复选框。检测用户何时按下回车键并提交适当的表单不是问题：

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

但是，问题是如果未选中该复选框，则按 Enter 不会提交表单。我的解决方案：如果鼠标悬停在表单上，​​那么当用户按下回车键时，我会提交该表单。但我不知道如何实施这个解决方案。

我如何允许用户提交适当的表单，具体取决于鼠标是否悬停在该表单上，或者用户是否选择了文本字段或复选框？

感谢您的任何帮助。

Answer 1

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