当用户按下F5键或单击浏览器的后退/关闭按钮时，如何显示自定义的花式框？

Question

我需要使用onbeforeunload事件或任何其他可能性显示一个花式框，而不是本机确认框，我需要显示自定义的花式框。

这是我当前的代码。

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

请提供工作答案。 谢谢..

Answer 1

你需要这样的东西吗？

function unload(){
  $.fancybox('<div>Your custom element<div>');
}

$(document).ready(function() {
   window.onbeforeunload=function() {
    unload();
   };
});

演示版