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";
});