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

loadend ( onloadend )イベント

 loadend ( onloadend )イベントは、設定されたタグエレメントが読み込まれたら、またはページ、画像の読み込みが終了したら発生するイベントです。
 このイベントは、正常に終了したかエラーで終了したかに関わらず、読み込みが終わると発生します。

loadende イベントを追加( ononloadend イベントハンドラーとして追加)
document.getElementById('example').addEventListener("loadend", (event)=>{
	console.log( 'event type : ' + event.type );
});
詳しくは Example を参照してください

 loadend ( onloadend )イベントは FileReader のイベントで、EventTarget が継承しているインターフェイスです。

ページ内 Index

構文(Syntax)

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

in HTML

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

in JavaScript

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

addEventListener()

 関数の呼び出し。関数名のみ使用で、event 以外の引数が渡せない。

object.addEventListener("loadend ", function_name);

 スクリプトを直接記述する方法。スクリプトから関数を呼び出せる。

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

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

備考(Remarks)

BubblesNo
CancelableNo
InterfaceUiEvent(ユーザーインターフェイスから生成された場合),Event
Supported HTML Elements全般

Example

 loadend ( onloadend )イベントの例です。

 以下に例では、画像の読み込みが終了すると loadend イベントが発生しアラートが表示されます。
 画像データのダウンロードが終了時点でこのイベントは発生するようです。

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