Javascript 或 jquery 事件用于检测浏览器的后退按钮

Question

我对点击浏览器后退按钮时如何订阅进行了一些研究，但不幸的是我无法找到解决问题的正确答案

我尝试这样做:

var $window = $(window);

    $window.on('beforeunload', function()
    {
        commitFieldChanges();
    }); 

我为此使用了 require JS

另一个解决方案是

$(window).bind('beforeunload', function(){ 
    return '';
});

但是，所有这些都不起作用，因为我的应用程序是单页应用程序。因此，当单击后退按钮时，页面并未真正加载，因为我们使用 # 在 URL 中的应用程序中导航，所以你们觉得怎么样？对我的问题有什么建议吗？

Answer 1

这是我目前在我的应用程序中使用的一种方式，用于检测某些页面上的后退按钮，旨在支持桌面和移动设备上的现代跨浏览器。

首页

var isFromView = false;
$(function() {
  // Check if browser supports LocalStorage
  if(typeof(Storage) !== 'undefined') {
    var currentValue = localStorage.getItem('fromSource');
    if (currentValue && currentValue === 'view') {
       // Set isFromDetail to true
       isFromView = true;
    }
    else {
       localStorage.removeItem('fromSource');
    }

    try {
       // Set fromSource in localStorage.
       localStorage.setItem('fromSource', 'home');
    }
    catch (err) {
       // Need this for safari mobile private mode !!
    }
  }
});

浏览页

$(function() {
  // Check if browser supports LocalStorage
  if(typeof(Storage) !== 'undefined') {
    try {
       // Set fromSource in localStorage.
       localStorage.setItem('fromSource', 'view');
    }
    catch (err) {
       // Need this for safari mobile private mode !!
    }
  }
});

++:我已经使用历史 API 在后退按钮上执行操作。但未能成功支持某些移动设备浏览器。