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

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 来检查并关闭弹出窗口。

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