loadend ( onloadend )イベント
loadend ( onloadend )イベントは、設定されたタグエレメントが読み込まれたら、またはページ、画像の読み込みが終了したら発生するイベントです。
このイベントは、正常に終了したかエラーで終了したかに関わらず、読み込みが終わると発生します。
document.getElementById('example').addEventListener("loadend", (event)=>{
console.log( 'event type : ' + event.type );
});
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）
| Bubbles | No |
| Cancelable | No |
| Interface | UiEvent（ユーザーインターフェイスから生成された場合）,Event |
| Supported HTML Elements | 全般 |
Example
loadend ( onloadend )イベントの例です。
以下に例では、画像の読み込みが終了すると loadend イベントが発生しアラートが表示されます。
画像データのダウンロードが終了時点でこのイベントは発生するようです。
読み込みに関するイベント
読み込み、 FileReader に関するイベントです。 FileReader は EventTarget が継承しているインターフェイスです。
| onabort | 読み込みが途中でキャンセルされたら |
| onerror | リソースの読み込みの失敗または実行時にエラーが発生したら |
| onload | ページが読み込まれたら。キャッシュからページが読み込まれたこのイベントは発生しません |
| onloadend | 読み込みが終了したら |
| onloadstart | メディアデータのダウンロードプロセスが始まったら |
| onprogress | リクエストが処理されている間 |