如何在用户按F5键或点击浏览器的后退/关闭按钮时显示定制的fancybox？

Question

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

这里是我当前的代码..

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(); 
    }; 
}); 

Demo