javascript - 在 JavaScript/jQuery 中拦截自动表单提交事件

Question

我正在 try catch 表单的提交请求

<form action='/post' name='submitform' id="submitform" method='post' class='pure-form'>
<textarea columns="40" rows="4" name='entry[body]' id="statement"></textarea>
<input type='submit' id="submitbutton" name="btnSubmit" value="save" class="pure-button pure-button-primary">
</form>

使用

 document.querySelector('#submitform').addEventListener('submit', function(e) { /* code */ });

如果我点击提交按钮，效果很好

但是当我打电话

$('#submitform').submit();

或

document.forms["submitform"].submit();

表单提交绕过我的事件监听器。

为什么？

Answer 1

你可以试试这个:

$('#submitbutton').trigger('click');