submit ( onsubmit )イベント
submit ( onsubmit )イベントは、設定された<form>エレメントから送信を行うと発生するイベントです。
document.getElementsByTagName('form')[0].addEventListener("submit", (event)=>{
console.log( 'event type : ' + event.type );
});
詳しくは Example を参照してください
データ入力が必要
な場合は、<form> の入力部品、<input> の required 属性を使います。
ページ内 Index
構文（Syntax）
in HTML
<tagelement onsubmit="function()">
in JavaScript
object.onsubmit = function(){ };
object.addEventListener("submit", script_);
備考（Remarks）
| Bubbles | Yes |
| Cancelable | Yes |
| Interface | Event |
| Supported HTML Elements | <form> |
Example
play ( onplay )イベントの例です。確認
ボタンで以下のコードを実行してください。
実行と同時に再生が始まるために play イベントが発生します。
一時停止 ⏸ から、再生 ▶
ボタンを押してみてください。一時停止からでも再生になれば play イベントが発生します。
<form> に関連するイベント
以下は、<form> に関するイベントです。
| イベント | 概要 |
|---|---|
| beforeinput () | 入力が起きたら |
| change ( onchange ) | <FORM>部品において、別の場所をクリックしたり、Tabキーで他にフォーカスが映ると発生 |
| formdata ( onformdata ) | <form> を送信したとき |
| input ( oninput ) | <FORM>部品において入力値が変化したら |
| invalid ( oninvalid ) | <input>エレメントの送信時に無効な値がある場合に |
| reset ( onreset ) | <FORM>部品においてリセットされたら |
| submit ( onsubmit ) | <FORM>においてフォームが送信されたら |
| blur ( onblur ) | ポップアップなどによってWindow、Document、各エレメントがフォーカスを失ったら |
| focus ( onfocus ) | Window、Document、各エレメントがフォーカスされたら |