Javascript 刷新页面时打开BS Modal,询问用户是否确定

Javascript 刷新页面时打开BS Modal,询问用户是否确定,javascript,bootstrap-modal,Javascript,Bootstrap Modal,当用户试图刷新或离开页面时,如何打开引导模式?模式应该是这样的:“'您确定要离开此页面吗?” 我有以下代码: window.onbeforeunload=函数(){ $('myModal').modal(“show”); return“如果离开页面,数据将丢失,是否确定?”; }; 情态标题 &时代; 是否确实要导航到此页面之外? 不,我想留下来 是的,我肯定 当用户尝试导航离开时,卸载事件将触发。但是,如果使用DIV作为弹出窗口,浏览器将在用户有机会阅读它之前导航到别处。 要将它们保留在那

当用户试图刷新或离开页面时,如何打开引导模式?模式应该是这样的:“'您确定要离开此页面吗?”

我有以下代码:


window.onbeforeunload=函数(){
$('myModal').modal(“show”);
return“如果离开页面,数据将丢失,是否确定?”;
};

情态标题
&时代;
是否确实要导航到此页面之外?
不,我想留下来
是的,我肯定

当用户尝试导航离开时,卸载事件将触发。但是,如果使用DIV作为弹出窗口,浏览器将在用户有机会阅读它之前导航到别处。 要将它们保留在那里,您必须使用警报/提示/确认对话框。

绑定到html对我来说非常有效,而不是卸载。

全文参考:


$(“html”).bind(“mouseleave”,函数(){
$('myModal').modal(“show”);
$(“#确定按钮”)。单击(函数(){
location.reload();
}); 
//$(“html”).unbind(“mouseleave”);
});

情态标题
&时代;
是否确实要导航到此页面之外?
不,我想留下来
是的,我肯定

RTFM。你可以展示这种模式,但7年多以来,你无法用它做出任何决定。您没有从函数返回任何内容,这就是导航没有中断的原因。
window.onbeforeunload=function(event)
此函数需要执行
event.preventDefault()
(基于用户的响应)来停止导航。它只需重新加载,与我以前的操作相同