[JavaScript] ページを離れた時に処理を行う（onUnload）

投稿日：2018年7月21日更新日：2018年7月22日

ページを離れた時に処理を行うには、onUnloadイベントハンドラを使用します。

サンプルソース

例）ページを離れた時に新規にウィンドウを開く

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>ページを離れた時に処理を行うサンプル</title>
<script>
window.onload = function(){

  //ページを離れる直前にメッセージを表示する
  window.onbeforeunload = function(){
    return "OK?";
  }

  //ページを離れた時に新規ウィンドウを開く
  window.onunload = function(){
    window.open();
  }
}
</script>
</head>
<body>
  <a href="xx.html"></a>
</body>
</html>

<!DOCTYPE html>

<head>

<title>ページを離れた時に処理を行うサンプル</title>

window.onload = function(){

//ページを離れる直前にメッセージを表示する

window.onbeforeunload = function(){

return "OK?";

}

//ページを離れた時に新規ウィンドウを開く

window.onunload = function(){

window.open();

}

</script>

</head>

<body>

</body>

</html>

解説

onUnloadはページが閉じた（遷移）した後に呼ばれるため、現在のページに何かしようとしてもできません。
ページ離れる直前に処理を行いたい場合は、onbeforeunload を使用してください。

執筆者：とら