如何在導航到另一個頁面但不刷新時清除sessionStorage？

Question

我的一個網頁上有一些復選框，此頁面必須每1分鍾刷新一次數據一致性問題。

我使用window.sessionStoage來保留已經檢查過的復選框，這樣用戶就不會丟失已經在頁面刷新時檢查過的框。

但是我希望在用戶離開該頁面時清除sessionStorage （ 不一定離開我的網站，可能會轉到同一網站上的另一個頁面 ），如果我使用onunload事件，那么存儲將被清除如果刷新也。

是否有任何其他事件或任何解決方法可以幫助我實現這一目標。

Answer 1

對於您的特定案例窗口事件可以派上用場。 因此，您可以對模糊和焦點事件做出反應，因此離開瀏覽器選項卡將導致blur事件。

$(window).blur(function(){
  //clear session
});

$(window).focus(function(){
  //maybe some code to re-init session data
});

Answer 2

您可以嘗試在會話存儲和頁面的每個初始化中保存當前頁面的路徑/名稱，檢查頁面名稱是否等於會話存儲中的名稱。 如果沒有，你可以清除它。