是否有可能显示模态框,只有当用户点击关闭选项卡/浏览器按钮

Is it possible to display modalbox , Only if user click on close tab/browser button?

本文关键字:选项 按钮 浏览器 用户 模态 显示 有可能 是否      更新时间:2023-09-26

我正在尝试显示一个共享框。我的要求是显示一个引导模型框,如果且仅当用户单击关闭选项卡/浏览器按钮。如果可能的话,怎么做?

这是我的代码不工作:

var unhook=0;
 jQuery(window).bind('beforeunload', function(e) {
    if(!unhook){
    var message = "Why are you leaving?";
    $("#myModal4").modal();
    console.log(e);
    // e.returnValue = message;
    // return message;
 }
});
$(function () {
  $("a").click(function {
    var unhook=0;
  });
});

注意:我不想显示简单的alertbox,我必须显示一个用户将放置评论的模型盒。这就是为什么我的问题是不同的

不行。您只能显示浏览器支持的对话框。

原因主要是安全:想象一个恶意的JavaScript不允许你离开页面或关闭浏览器。这就是为什么当你关闭选项卡或浏览器时,浏览器会终止页面上的所有JavaScript。

有些浏览器允许在对话框中显示消息,但不是所有浏览器都允许。有关详细信息,请参见:是否可以在beforeunload弹出框中显示自定义消息?

<button onclick="showModal()"></buton>
<div id="bootstap-modal-id">
</div>
然后

function showModal(){
  alert('something');
  $('#bootstap-modal-id').modal();
}

试试这个!快乐编码:)