javascript - 浏览器关闭事件

Question

我在我的项目中使用 jQuery 通知。

当我关闭浏览器时，我正在使用并向onbeforeunload用户显示一个确认框。

但是客户端对默认的消息框不满意，

在技术上是否可以显示我的通知而不是默认通知。

jQuery 通知带有一个问题Do you want to close ?和两个按钮YES和No.

当用户点击YES它会返回true，否则False

有什么方法可以实现？或一些评论/意见？

请帮我。

谢谢你。

更新：

window.onbeforeunload = ShowModel;

function ShowModel()
{
    return show_pop_up();
}

show_pop_up()
{

return TRUE or FALSE ; 

}

score 1 · Accepted Answer

在技术上是否可以显示我的通知而不是默认通知。

不可以。您可以指定消息的文本。您无法控制按钮，无法控制外观，也无法将 UI 替换为从头开始构建的 HTML/CSS/JS。

当用户试图离开页面时，你可以做什么有很大的限制。浏览器旨在保护用户免受试图诱捕他们的网站的侵害（您正试图离开该网站？不！在您查看更多色情广告并向我们提供您的信用卡详细信息之前，您不得离开！）。

score 1 · Accepted Answer

可以显示您的通知而不是默认通知。尝试这个：

$(window).on('beforeunload', function() {
 return 'Do you really want to close this window? Some your text...';
});

但这是真的，你不能用浏览器的窗口来限制用户的操作。

score 0 · Accepted Answer

从技术上讲，它不可能覆盖默认 UI。

有两种页面离开事件可以发生。

一种是通过单击链接在同一网站内导航。对于这种页面卸载，您可以为所有菜单链接编写 onclick，以使用 UI 样式显示您希望的警告消息。但是当你点击链接时，你必须停止调用 beforeunload 事件。

第二个是使用浏览器按钮/地址栏在网站外导航。在这里，您不能覆盖默认 UI。

最好的例子是脸书。当您输入状态并在提交之前，如果您尝试在 FB 中导航，您将收到一条不错的 UI 警告消息。但是当你关闭窗口时，你会得到默认的。

希望这可以帮助。

3 回答 3