JS触发提交事件同时防止默认

Question

I have a from I added a event listener to for the submit event like this:

form.addEventListener('submit',function(event){
event.preventDefault();
/*some few hundred more lines*/
},false);

My issue is when I use this bit of js later on:
from.dispatchEvent(new Event('submit'));
The function is processed, but the page is reloaded because preventDefault() had no effect, how can a dispatch a event and not trigger the default?

Answer 1

1) you also need e.stopPropogation(), and even though it's redundant these days, to cope with old IE, it's good form to return 0 at the end

2) practically speaking, just stop making the button a submit button. submit explicitly means "send to the other end." just handle the button's onclick instead.

Answer 2

Setting the action on the form to javascript:void(0); instead of # worked.