如何在用户按下F5键或单击浏览器时显示自定义的fancybox's后退/关闭按钮

How to display customized fancybox when user presses F5 key or clicks browser's back / close button?

本文关键字:fancybox 自定义 关闭按钮 后退 显示 用户 F5 浏览器 单击      更新时间:2023-09-26

我需要使用onbeforenload事件或任何其他可能性来显示一个fancybox,并且我需要显示我的自定义fancybox而不是本机确认框。

这是我当前的代码

window.onbeforeunload = function(e) {
     $.fancybox({
          content : 'test'
     });
     return false; // if this line commented, browser won't wait for confirmation
}

请提供有效答案。谢谢

你需要这样的东西吗?

function unload(){
  $.fancybox('<div>Your custom element<div>');
}
$(document).ready(function() {
   window.onbeforeunload=function() {
    unload();
   };
});

演示