我怎样才能打开一个bootstrap Modal onbeforeunload函数，

Question

如果用户关闭此模型，我想在用户关闭窗口时打开Bootstrap模型，然后窗口将关闭。

我试过这个，

$(window).on("beforeunload", function() { 
      return  "Bye now!" ;


});

如果用户关闭此模型，则应返回引导模型，然后窗口将关闭。

Answer 1

您可以将事件直接绑定到窗口对象。 这会打开一个对话框，但你可以调整它以打开那里的bootstrap模式。

window.onbeforeunload = function (e) {
    var e = e || window.event;

    // For IE and Firefox prior to version 4
    if (e) {
        console.log(1);
        e.returnValue = 'Any string';
    }

    // For Safari
    return 'Any string';
};

使用jquery

$(window).on('beforeunload', function(e) {
    if(!modalShowing()) {
        //call function to open modal
        showModal();
        //return 'You have unsaved stuff. Are you sure to leave?';
    }
})

如果你有一个代码的JsFiddle，我会更乐意帮助实现它。