unload ( onunload )イベント
unload ( onunload )イベントは、webページを遷移する行為、formを送信する、ページを閉じる、ページを移動するといったページを離れる行為によって発生するイベントです。
onunload イベントはページをリロードする際も発生します。
window.onunload = function( event ){
console.log( event );
};
詳しくはExample
を参照してください。
上記の例の window は省略が可能です。
このイベントの対としてload ( onload )イベントがあります。
pagehide イベントに比べて、適応されるエレメントに違いがあります。 unloadイベントはWindow、Document、各エレメントで使うことができますが、pagehideイベントはWindow、<body>エレメントで使うことができます。
ページ内 Index
構文（Syntax）
in HTML
<tagelement onunload="function()">
in JavaScript
object.onunload = function(){ };
object.addEventListener("unload", script_);
備考（Remarks）
| Bubbles | No |
| Cancelable | No |
| Interface | GlobalEventHandlersミックスイン |
| Supported HTML Elements | Document, Window、各エレメント |
GlobalEventHandlersミックスインで定義されおり、HTMLElement, Document, Windowインターフェイスで利用できます。
Example
反応はあるのですが、ページ自体がキャッシュのためか上手く動きません。参考程度にしてください。
関連するイベント
ページの遷移に関するイベント
HTML テキストのロード、ページの表示、閉じる、移動するといったページの遷移に関するイベントです。
| onload | ファイルやエレメントのロード時に発生。window でページの初期設定に使用 |
| onpagehide | ページが遷移したら。キャッシュされます |
| onpageshow | ページが読み込まれたら。キャッシュの有無に関係なくイベントが発生 |
| onunload | ページが遷移したら。キャッシュされません |