Question

关于浏览器默认返回按钮的行为。我的应用程序有一个特殊情况，例如在某些条件下忽略它。我有模态如果模态打开而不是返回只是关闭模态。我不知道它是否可能有任何帮助

function keyEventClose(event){
        var status = $('#myModal').is(':visible');
        if(status){
        //prevent from going back just close the modal
        $('#myModal').modal('hide');
        }else{
        //go back as default 
          window.history.back();
        }
    }

Answer 1

找了一个小时后终于找到了解决这个问题的方法。因为我在这里找不到当前的答案。所以这个答案可能对某些人有帮助。

$('#openfeed').on('shown.bs.modal', function() {
    var stateObj = { foo: "modal-opened" };
    history.pushState(stateObj, "modal-opened", "modal-opened");
})

window.addEventListener('popstate', function(event) {
  $('#openfeed').modal('hide');
});

正如您所看到的那样，当我打开模态时，我们会在pushState()创建虚假URL（浏览器不检查此功能创建的URL，因此在页面上没有重新加载）在附加此事件之后生成popstate`事件以记录解决的问题。

如何让浏览器返回按钮事件并防止出现默认行为

1 个答案: