从 jQuery 提交表单时提交时的 jQuery event.preventDefault()答案

【问题标题】：jQuery event.preventDefault() on submit when form is submitted from jQuery从 jQuery 提交表单时提交时的 jQuery event.preventDefault()
【发布时间】：2014-05-07 02:29:43
【问题描述】：

我正在构建一个 PHP、AJAX 驱动的评论表单。

提交表单时，我将表单设置为preventDefault();。

$(document).on("submit", "form.comments", function() {
  event.preventDefault();
  //AJAX to submit form
});

这很好用。

我刚刚添加了另一个函数来提交表单，当我按下回车键时：

$(document).on("keydown", "textarea[name='comment']", function(e) {
  if(e.keyCode == 13) {
    $(this).closest("form.comments").submit();
  }
});

当我按 Enter 键时，它会提交表单，但第一个阻止提交并使用 AJAX 提交的功能没有启动。

我知道我可以在检测回车键的函数中添加 AJAX，但我真的不想这样做。有什么办法可以让当前的方法起作用吗？

【问题讨论】：

为什么会在一个textarea中输入提交表单，那么你只能有一行，这相当于一个文本输入，默认输入时提交表单。你正在重新发明轮子！
还要注意form.comments和form.add-comment可能不是同一种形式？
你刚刚使用了这个评论表单，不是吗？
不，我会改变它。这只是示例。
但是这个textarea支持换行，敲回车的时候按shift就行了。它还支持降价和很多其他的东西。

标签： jquery ajax forms

【解决方案1】：

事件对象在某些浏览器（Firefox）中没有暴露给窗口对象，这可能是原因。

试试这个：

$(document).on("submit", "form.comments", function(e) {
  e.preventDefault();
  //AJAX to submit form
})

;

【讨论】：

事实并非如此。正如我所说，它工作正常。如果你点击提交按钮。点击提交按钮，它会阻止提交并执行它需要做的事情。我遇到的问题是当我调用它从 jQuery 而不是 HTML 文档提交时阻止提交。
似乎只有当我使用 event 而不仅仅是 e 时才会出现这种情况。这个参数到底是什么？
同event，但跨浏览器