form.submit()中加入回掉函数方法不执行？

Question

用form模拟文件下载，以下方式是可以正常运行的。
var form = $('<form>', {

'method': 'POST',
'action': "../base/variate/download"

}).hide();
$.each(this.queryParam, function(k, v) {

 form.append($('<input>', {
     'type': 'hidden',
     'name': k,
     'value': v
  }));

});
$('body').append(form);
form.submit();
form.remove();
但是在form.submit()中加入回掉函数，代码如下：
form.submit(function(e){

e.preventDefault();
console.log(123)

})
下载就不执行了，而且浏览器没有任何反应，也没有报错。
谁能给看一下问题出在哪里呀？

Answer 1

这种执行方案是不会触发onSubmit事件的，这表示使用js调用native submit方法。

form.submit();

这样来触发，或者给button给一个点击

form.trigger('submit');
//或
$(":submit", form).click();

如果你需要在onSunmit里面停止默认事件，也就是不提交，其后还是可以主动调用.submit()

form.on('submit', function(e){
    e.preventDefault();
    
    xxxxx
    
    
    this.submit();
}