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

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

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