formdata ( onformdata )イベント
formdata ( onformdata )イベントは、<form> の内容を送信すると発生するイベントです。
document.getElementsByTagName('form')[0].addEventListener("formdata", (event)=>{
console.log( 'event type : ' + event.type );
});
Exampleを参照してください
FormData() コンストラクターが呼び出さても発生するとありますが、未だ確かめたことがありません。
ページ内 Index
- ad -
構文（Syntax）
エレメントにイベントハンドラーを定義する方法には以下があります。
in HTML
<tagelement onformdata ="function(); ...;">
in JavaScript
object.onformdata = function(){... };
addEventListener()
イベントタイプを第１引数に指定します。関数を直接に呼び出には、関数名のみを第２引数に指定します。ただし、その関数に event 以外の引数が渡せません。
object.addEventListener("formdata ", function_name);
スクリプトを直接記述する方法があります。この方法では、関数に引数を指定して呼び出せます。
object.addEventListener("formdata ", ()=>{ ... },false);
// または
object.addEventListener("formdata ",function(){ ... },false);
イベントについてはEventを参照してください。 イベントの監視についてはEventTargetが担っています。
備考（Remarks）
| Bubbles | No |
| Cancelable | No |
| Interface | FormDataEvent |
| Supported HTML Elements | <form> |
Example
formdata ( onformdata )イベントの例です。「確認」ボタンをクリックしてください。
「送信」ボタンをクリックすることで formdata イベントが発生します。
- ad -
<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、各エレメントがフォーカスされたら |