Whats the difference between onclick and onsubmit?

javascript onclick onsubmit
user3636516 picture user3636516 · May 20, 2014 · Viewed 38.9k times · Source

It's not like I haven't googled it... But still I couldn't understand when onsubmit is used and when onclick is used?

Answer

Halcyon picture Halcyon · May 20, 2014

They're two completely separate events.

onclick events fire when the user uses the mouse to click on something.

onsubmit events fire when a form is submitted. The origin of this event can sometimes be traced back to an onclick (like clicking the "submit" button) but it can also come from a keyboard event (like pressing enter).

This implies that using onclick on a submit button on a form might miss some cases that an onsubmit on the form would catch.

There are many other kinds of events such as: onload for loading resources such as scripts or images and onkeydown for detecting key presses on the keyboard.

Related questions

Form onsubmit versus submit button onclick

UPDATE From @BrendanEich ‏ @mplungjan onclick of submit just falls out of that being a button; form onsubmit is clearly better. Which would be the reasons to ever use the onclick of a submit button to determine whether or not the …

Read More
onClick event doesn't work inside form tag

<!DOCTYPE html> <html> <head> </head> <script> function removeP2() { var parent = document.getElementById("section"); var child = document.getElementById("p2"); parent.removeChild(child); } </script> <body> <nav> &…

Read More
Show/hide 'div' using JavaScript

For a website I'm doing, I want to load one div, and hide another, then have two buttons that will toggle views between the div using JavaScript. This is my current code The second function that replaces div2 is not …

Read More