Bootstrap Модальные всплывающие окна при нажатии кнопки возврата в html/css

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

Нажатие кнопки «Назад» браузера вызывает отображение страниц из истории просмотра. Вы можете убедиться, что когда это действие произойдет, ваш модал будет принудительно закрыт, выполнив какой-то изменяющийся режим отображения div с JavaScript и использование события hashchange. Что-то вроде этого фрагмента кода:

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