web-dev-qa-db-ja.com

onclickとonsubmitの違いは何ですか?

それは私がググっていなかったようではありません...しかし、それでもonsubmitがいつ使用され、onclickがいつ使用されるのか理解できませんでしたか?

14
user3636516

これらは2つの完全に別個のイベントです。

onclickイベントは、ユーザーがマウスを使用して何かをクリックすると発生します。

onsubmitイベントは、フォームが送信されると発生します。このイベントの発生元はonclickまで遡ることができます(「送信」ボタンをクリックするなど)が、キーボードイベント(たとえば、 enter)。

これは、フォームの送信ボタンでonclickを使用すると、フォームのonsubmitがキャッチするいくつかのケースを見落とす可能性があることを意味します。

他にも、スクリプトや画像などのリソースをロードするためのonloadや、キーボードのキープレスを検出するためのonkeydownなど、さまざまな種類のイベントがあります。

28
Halcyon

OnSubmitはformで使用され、falseを返さない限り、この時点で情報がサーバーに送信されることを示します。

OnClickは何でも使用され、クリックされたことを示し、イベントの意図に他のコンテキストをまったく提供しません。

5
scragar

Onclickは、コントロール/オブジェクト/かなり多くのものがクリックされるイベントです。 Onsubmitは、フォームが送信されるイベントです。

たとえば、登録フォームがあるとします。

「送信」ボタンのOnClickイベントで「これらの詳細は正しいですか?」あなたはそれが行きたいです。

3

onsubmitフォーム要素への参照。このイベントは、フォームが送信されたときに発生します。

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

onclickは、div、liなどの要素への参照です。このイベントは、属性クリックが適用される要素をクリックすると発生します。

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

0
user3654229