如何关闭浏览器后退按钮上的彩色框弹出窗口

Question

我想在浏览器的后退按钮上单击关闭我的彩色框弹出窗口。

我使用iframe并在iframe内部有很多链接。 当用户单击特定链接时，将打开一个颜色框弹出窗口。

目前，如果用户点击后退按钮打开弹出窗口，则弹出窗口没有关闭。

所以我想要这样一个功能，如果用户点击后退按钮然后弹出窗口将关闭，页面也不应该返回（禁用后退按钮）。

我使用了以下代码，但它对我不起作用。

<script>
    $(document).ready(function() {
        function disableBack() { window.history.forward() }

        window.onload = disableBack();
        window.onpageshow = function(evt) { if (evt.persisted) disableBack() }
    });
</script>

请给我任何建议关闭后退按钮上的彩色框弹出窗口或完全禁用后退按钮。

Answer 1

您应该使用window.location.hash和window.onhashchange 。 基本上，在弹出窗口打开后，您将哈希值更改为某些内容（例如window.location.hash = "popup_opend" ）。

然后，当用户单击后退时，该后退单击将删除刚刚添加的哈希。 你只需要处理window.onhashchange来检查它并关闭弹出窗口。

当然，希望你没有任何其他操纵哈希的代码。