首页 > web前端 > js教程 > 是否仍然可以自定义 BeforeUnload 弹出消息?

是否仍然可以自定义 BeforeUnload 弹出消息?

Patricia Arquette
发布: 2024-11-30 08:27:11
原创
763 人浏览过

Is Customizing the BeforeUnload Popup Message Still Possible?

在 BeforeUnload 弹出窗口中显示自定义消息:仍然可行?

使用 window.onbeforeunload 或 jQuery 的 $(window) 处理窗口关闭事件时。 on("beforeunload"),人们可能想知道在随后的确认弹出窗口中显示定制消息是否是

绕过现代浏览器的限制

TL;DR:在当今的浏览器中,禁止自定义 beforeunload 消息。因此,我们的重点转向旧版浏览器。

利用 jQuery 和 JavaScript

要向用户提示确认消息,请使用以下代码:

// jQuery
$(window).bind("beforeunload", function(event) {
    return "Attention required: Unsaved changes present";
});

// JavaScript
window.onbeforeunload = function() {
    return "Exiting this page may abandon form inputs";
};
登录后复制

严重异常:禁止确认/警报函数

避免在 beforeunload 事件处理程序中嵌套确认或警报。

浏览器特定注意事项

此方法的有效性各不相同跨浏览器:

  • Chrome、Opera 和 Safari 不再支持自定义消息。
  • Firefox 需要用户与页面交互才能触发提示。
  • 每个浏览器可能会在您的消息中附加其他文本。

历史背景

beforeunload 中的自定义消息曾经可以使用确认、警报或event.returnValue,但随后的浏览器更新使这些方法无效。

以上是是否仍然可以自定义 BeforeUnload 弹出消息?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板