在html / css中单击后退按钮时会显示Bootstrap Modal弹出窗口

Question

我正在尝试创建一个弹出窗口以显示缩放文本。在模态弹出窗口中，即使我关闭该框，在我的浏览器中单击后退按钮时，模式也会再次显示。有没有办法永久关闭盒子???下面是我的代码.. TIA：）

        <a href="#openModal" class="test">Zoom Text</a>
        <div id="openModal" class="modalDialog">
        <div>
        <a href="#close" title="Close" class="close">X</a>
        <p class="test">Test</p>
        <br>
        <a href="#close" class="button">Close</a>
        </div>
        </div>

Answer 1

点击＆＃34;返回＆＃34;浏览器按钮触发显示浏览历史记录中的页面。您可以确保在执行此操作时，通过使用JavaScript hashchange事件执行div的某种更改显示模式，可以强制关闭模式。像这段代码片段：

if ("onhashchange" in window) {
 window.addEventListener("hashchange", function(){
    // .... Location changed, so do your thing here...
  document.getElementById("openModal").style.display = "none";
 })
};