前提・実現したいこと
閲覧ありがとうございます。
jQueryを使ってCookieを参照し、モーダルを表示する処理を実装しています。
仕様、およびプラグインは以下の通りです。
【仕様】
0. サイトに訪れた初回のみモーダルを表示
0. ブラウザを閉じたときにCookieを削除(タブを閉じたときや、ページ遷移時ではない)
0. 再度ブラウザを開き、サイトに訪れるとモーダルが表示される
【プラグイン】
- jquery-3.2.1.min.js
- jquery.cookie.js
仕様の2番目の
「ブラウザを閉じたときにCookieを削除」ができません。
ご教授お願いいたします。
該当のソースコード
jQuery
1// モーダルの開閉、Cookieの保存 2 $(function () { 3 $(".modal").show(); 4 $.cookie('save') == 'on' ? $(".modal").hide() : $(".modal").show(); 5 $(".-modal-close").click(function () { 6 $.cookie('save', 'on', { 7 expires: 7, 8 path: '/' 9 }); 10 }); 11 }); 12 13// Cookieの削除 14 $(document).ready(function () { 15 $(window).on('beforeunload', function (e) { 16 $.cookie('save', null); 17 }); 18 });
原因・試したこと
Cookieの削除にbeforeunload
メソッドを使っていますが、
こちらだと「ページの更新・ページの遷移」時にもCookieが削除されます。
「ブラウザを閉じたとき」のみ発火するイベントが見つからなかったので質問いたします。
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2020/07/30 07:57 編集
2020/07/30 08:04
退会済みユーザー
2020/07/30 08:13