javascript - 关闭后退按钮上的弹出窗口

Question

我想在点击移动设备的后退按钮时关闭弹出窗口。我使用 onhashchange 实现了这个:

window.onhashchange = function (event) {

};

在这种情况下，如果多次打开弹出窗口，然后单击后退按钮，它会打开和关闭模态弹出窗口。但是，我希望模式弹出窗口在第一次返回时关闭，并在下次返回时导航到上一页。

我也尝试过使用 onbeforeunload，但它会显示另一个警告以离开或留在页面上。

$(window).bind('beforeunload', function(e) {
    return false;
});

关闭后退按钮弹出窗口并在下一个返回时重定向到上一页的最佳方法是什么？

Answer 1

if (window.history && window.history.pushState) {
    $('#myModal').on('show.bs.modal', function (e) {
        window.history.pushState('forward', null, './#modal');
    });

    $(window).on('popstate', function () {
        $('#myModal').modal('hide');
    });
}