web-dev-qa-db-fra.com

Quelle est la différence entre onclick et onsubmit?

Ce n'est pas comme si je ne l'avais pas cherché dans Google ... Mais je ne pouvais toujours pas comprendre quand onsubmit est utilisé et quand onclick est utilisé?

8
user3636516

Ce sont deux événements complètement séparés.

onclickévénements se déclenchent lorsque l'utilisateur utilise la souris pour cliquer sur quelque chose.

onsubmitévénements sont déclenchés lorsqu'un formulaire est soumis. L’origine de cet événement peut parfois être reliée à un onclick(comme cliquer sur le bouton "submit"), mais peut aussi provenir d’un événement de clavier (comme appuyer sur enter).

Cela implique que l'utilisation de onclicksur un bouton d'envoi d'un formulaire risque de rater certains cas qu'un onsubmitdu formulaire attraperait.

Il existe de nombreux autres types d'événements, tels que: onloadpour le chargement de ressources telles que des scripts ou des images et onkeydownpour la détection des appuis sur le clavier.

19
Halcyon

OnSubmit est utilisé sur une form et indique que les informations doivent être soumises au serveur à ce stade, à moins que vous ne renvoyiez la valeur false.

OnClick est utilisé sur n'importe quoi et indique qu'il a été cliqué, n'offrant aucun autre contexte à l'intention de l'événement.

2
scragar

Onclick est l'événement où un contrôle/objet/à peu près n'importe quoi est cliqué. Onsubmit est l'événement où un formulaire est soumis.

Par exemple, disons que vous avez un formulaire d'inscription.

Vous pouvez avoir l'événement OnClick du bouton "Soumettre" pour déclencher une alerte indiquant "Êtes-vous sûr que ces détails sont-ils corrects?" vous voulez que ça aille.

1
Sainath Krishnan

onsubmit référence à l'élément de formulaire et cet événement se produit lorsque le formulaire est soumis.

http://reference.sitepoint.com/html/event-attributes/onsubmit

référence onclick à des éléments tels que div, li, etc., cet événement se produit lorsque l'utilisateur clique sur l'élément auquel cet attribut est appliqué.

http://www.sitepoint.com/web-foundations/onclick-html-attribute/

0
user3654229