備忘録的プログラミングリファレンス

formdata ( onformdata )イベント

 formdata ( onformdata )イベントは、<form>の内容を送信すると発生するイベントです。

formdata イベントを追加( onformdata イベントハンドラーとして追加)
document.getElementsByTagName('form')[0].addEventListener("formdata", (event)=>{
	console.log( 'event type : ' + event.type );
});
詳しくは「 Example 」を参照してください

 FormData() コンストラクターが呼び出さても発生するとありますが、未だ確かめたことがありません。

ページ内 Index

構文(Syntax)

 HTMLPreElement にイベントハンドラーを定義する方法には以下があります。

in HTML

<tagelement onformdata ="function(); ...;">

in JavaScript

object.onformdata  = function(){... };

addEventListener()

 イベントタイプを第1引数に指定します。関数を直接に呼び出には、関数名のみを第2引数に指定します。ただし、その関数に event 以外の引数が渡せません。

object.addEventListener("formdata ", function_name);

 スクリプトを直接記述する方法があります。この方法では、関数に引数を指定して呼び出せます。

object.addEventListener("formdata ", ()=>{ ... },false);
// または
object.addEventListener("formdata ",function(){ ... },false);

 イベントについてはEventを参照してください。 イベントの監視についてはEventTargetが担っています。

備考(Remarks)

BubblesNo
CancelableNo
InterfaceFormDataEvent
Supported HTML Elements<form>

Example

 formdata ( onformdata )イベントの例です。「確認」ボタンをクリックしてください。
 「送信」ボタンをクリックすることで formdata イベントが発生します。

確認ボタンをクリックしてください。以下のHTML,CSS,Scriptコード例が実行されます。