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

unload ( onunload )イベント

 unload ( onunload )イベントは、webページを遷移する行為、formを送信する、ページを閉じる、ページを移動するといったページを離れる行為によって発生するイベントです。

 onunload イベントはページをリロードする際も発生します。

 このイベントの対としてload ( onload )イベントがあります。

 pagehide イベントに比べて、適応されるエレメントに違いがあります。 unloadイベントはWindow、Document、各エレメントで使うことができますが、pagehideイベントはWindow、<body>エレメントで使うことができます。

構文(Syntax)

in HTML

<tagelement onunload="function()">

in JavaScript

object.onunload = function(){ };

object.addEventListener("unload", script_);

備考(Remarks)

BubblesNo
CancelableNo
InterfaceGlobalEventHandlersミックスイン
Supported HTML ElementsDocument, Window、各エレメント

 GlobalEventHandlersミックスインで定義されおり、HTMLElement, Document, Windowインターフェイスで利用できます。

Example

 反応はあるのですが、ページ自体がキャッシュのためか上手く動きません。参考程度にしてください。

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