覆盖浏览器后退按钮[重复]

Question

我正在做一个项目，在这个项目中我需要处理浏览器后退按钮，点击它我想重定向到主页。

我看过很多帖子，有很多方法可以实现。

我想知道，实现它的最佳方法是什么。

如果有人知道类似的帖子，请发布网址。

感谢您的帮助

我使用了以下代码：

function HandleBackFunctionality()
{
    alert('ckikc')
    if(window.event)
    {
        if(window.event.clientX < 40 && window.event.clientY < 0)
        {
            alert("Browser back button is clicked...");
        }
        else
        {
            alert("Browser refresh button is clicked...");
        }
    }
    else
    {
        alert('clicked')
        if(event.currentTarget.performance.navigation.type == 1)
        {
            alert("Browser refresh button is clicked...");
        }
        if(event.currentTarget.performance.navigation.type == 2)
        {
            alert("Browser back button is clicked...");
        }
    }
}
window.onbeforeunload = HandleBackFunctionality;
$(document).unload(HandleBackFunctionality);

它不适合我:(

@kapa 说这是一个重复的问题，我已经提到已经为此搜索了很多，并且已经看到了很多解决这个问题的方法。

我的问题不是解决它的方法，而是可用的最佳解决方案

Answer 1

您不能只覆盖浏览器按钮的行为。

想象一下，如果任何人都可以像这样“伪造”浏览器导航，将会导致什么样的安全问题。让用户认为他们导航到了不同的网站是傻瓜网络钓鱼的第 1 章......

但是，@Aleklinked 到 a similar question，在你的问题的 cmets 中，有一个不错的选择（这是，imo，实现预期结果的最佳方式)。