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()
(基于用户的响应)来停止导航。它只需重新加载,与我以前的操作相同