Javascript 如何在卸载前跳过确认弹出窗口并显示我自己的引导模式?

Javascript 如何在卸载前跳过确认弹出窗口并显示我自己的引导模式?,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我想跳过默认弹出窗口,该窗口将在卸载之前出现,并想显示我自己的模式,该模式要求用户在浏览器/选项卡关闭时给出反馈。在该模式中,如果用户单击“确定”,则我希望将用户重定向到我的反馈页面,如果用户单击“否”,则特定选项卡应关闭。有什么方法可以做到这一点吗?正如您在这里看到的:您可以将事件的值更改为自定义字符串。像这样: window.addEventListener("beforeunload", function( event ) { event.returnValue = "Don't le

我想跳过默认弹出窗口,该窗口将在卸载之前出现,并想显示我自己的模式,该模式要求用户在浏览器/选项卡关闭时给出反馈。在该模式中,如果用户单击“确定”,则我希望将用户重定向到我的反馈页面,如果用户单击“否”,则特定选项卡应关闭。有什么方法可以做到这一点吗?

正如您在这里看到的:您可以将
事件的
值更改为自定义字符串。像这样:

window.addEventListener("beforeunload", function( event ) {
  event.returnValue = "Don't leave!";
});
这将在用户离开当前页面时打开确认对话框。 您可以在此事件中打开模式窗口,但这不会阻止用户窗体离开,因此不会看到新内容

当然,
unload
事件不能取消(),UI交互无效(window.open、alert、confirm等)

所以我认为你能得到的最接近的结果是:


我也有同样的问题,你有解决办法吗?
var $modal = document.getElementById("modal");
window.addEventListener("beforeunload", function(event){
    $modal.classList.add("visible"); 
    event.returnValue = "Please tell us about your experience";
});