gpt4 book ai didi

javascript - 如何跳过卸载前弹出的确认窗口并显示我自己的 Bootstrap 模式?

转载 作者:行者123 更新时间:2023-12-01 05:47:48 25 4
gpt4 key购买 nike

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

最佳答案

您可以在此处阅读:https://developer.mozilla.org/en-US/docs/Web/Events/beforeunload您可以将 beforeunload 事件的 event.returnValue 更改为自定义字符串。像这样:

window.addEventListener("beforeunload", function( event ) {
event.returnValue = "Don't leave!";
});

当用户离开当前页面时,这将打开一个确认对话框。您可以在此事件中打开模态窗口,但这不会阻止用户表单离开,因此不会看到新内容。

当然,unload 事件无法取消( https://developer.mozilla.org/en-US/docs/Web/Events/unload )并且 UI 交互无效(window.open、alert、confirm 等)

所以我认为最接近的你可以得到它:http://jsfiddle.net/s6qWr/

var $modal = document.getElementById("modal");
window.addEventListener("beforeunload", function(event){
$modal.classList.add("visible");
event.returnValue = "Please tell us about your experience";
});

关于javascript - 如何跳过卸载前弹出的确认窗口并显示我自己的 Bootstrap 模式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25081449/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com