jQuery - ページが閉じられる時のイベント(unload)
公開日:2018-12-21 更新日:2019-05-14
[jQuery]
1. 概要
ページが閉じられたり、移動した場合、unloadイベントが発生します。
クッキーの設定・削除など、解放処理が行えます。
また、ページの離脱を抑止する場合には、unloadイベントではなく、beforeunloadイベントを使います。
クッキーの設定・削除など、解放処理が行えます。
また、ページの離脱を抑止する場合には、unloadイベントではなく、beforeunloadイベントを使います。
$(window).on('unload', function() {
処理;
});
2. サンプル
ページ表示後、F5で再読み込みを行うと、コンソールに出力されます。
Chromeの場合は、F5を押した直後に一瞬だけ表示されます。
Chromeの場合は、F5を押した直後に一瞬だけ表示されます。
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>jQuery</title><style>body{color:#fff; background-color:#000;}</style></head>
<body>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script>
$(window).on('unload', function(e) {
console.log("unload");
});
</script>
</body></html>
unload