你可以使用URL比较。

$(document).ready(function () {
    // Store the initial URL when the page loads
    var initialUrl = window.location.href;

    // Listen for beforeunload event
    $(window).on('beforeunload', function () {
        // Compare the current URL with the initial URL
        if (window.location.href !== initialUrl) {
            // Display alert if the user is navigating away
            return 'You are going to a different page. Are you sure you want to leave?';
        }
    });
});

字符串

popstate是专为SPA设计的，IOW：您的SPA页面路由将执行pushstate..您不会从非SPA应用程序中获得popstate。
友情链接-> https://developer.mozilla.org/en-US/docs/Web/API/PopStateEvent
注：每次活动历史记录条目在同一文档的两个历史记录条目之间发生更改时，都会向窗口发送一个popstate事件。
注意-> same document，IOW：如果你导航到about而没有使用pushstate，那么它不是同一个文档。
SPA的工作原理是这样的->
1.使用新URL的pushstate
1.加载新URL的DOM内容。
按下后退按钮

1. popstate被触发，加载新URL的内容
   所以你可以使用jQuery来做这件事，通常用户所做的是拦截a标签，使用preventDefault并执行上面的1，2。
   注意事项：beforeunload可以使用，但要注意它的同步和非常糟糕的用户体验，特别是使用alert。所以如果你能让push/popstate工作，你会发现你可以为用户创建更好的用户体验。例如。能够使用新的HTML Dialog元素-> https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog