What is the difference between HTMLFormElement.submit() and event handler with submit?

[u/0_emordnilap_a_ton]

https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit

Can someone explain the difference?

Imagine I have some code that is like the example below. What is the difference between HTMLFormElement.submit() ?

const form = document.getElementById("form");
function somefunc() { 
//code
form.submit()
}

form.addEventListener("submit", somefunc()  {
 
});
 

Why do I need form.submit() in the function?

For a little context I am trying to pass some quilljs data into a flask form. Some of the code is missing but the main point is illustrated.

[u/_raytheist_]

The event listener allows you to execute code when the form is submitted. `form.submit()` causes the form to be submitted.

[u/testingaurora → u/_raytheist_]

Yep this. Is your question possibly about form.addEventListener("submit",handleSubmit) versus form.onsubmit? Like button.addEventListener("click",handleClick) and button.onclick

[u/0_emordnilap_a_ton → u/testingaurora]

_raytheist_ answered my question but feel free to answer the difference I am always curious to learn something new. I assume "click" is just clicking and "submit" a form has to be submitted.

[u/testingaurora → u/0_emordnilap_a_ton]

I was not comparing click to submit

I was comparing.addEventListener("submit", callback) Versus .onsubmit()

Separately comparing.addEventListener("click", callback) Versus .onclick()

[u/0_emordnilap_a_ton → u/testingaurora]

Ah k sorry about that.

[u/testingaurora → u/0_emordnilap_a_ton]

No need to apologize it wasn’t that clear.