用户导航离开页面之前带有链接的javascript样式警报

Question

我正在考虑在用户试图离开页面时显示警报样式框，但我想要做的是在警报样式框中显示共享链接

我已阅读此票javascript before leaving the page，现在不确定这是否可行。

我意识到这将会运行

$(window).bind('beforeunload', function(){
 alert("hi");
});

现在我知道你无法添加到警报窗口的链接，所以我试图绕过另一种方式，但不能想到如何在转到另一个有链接的页面之前显示警告/弹出窗口

任何人都可以提出任何建议 - 是否有插件可以执行此操作？

Answer 1

你做得更好，即使你做了一个黑客，好像你发现了一个错误并用它来做一个他们将修复它，你将再次在同一点。这是一个安全风险，假设我要关闭一个选项卡，在代码中你可以选择新的弹出窗口或做恶意事件????所以眉毛不允许它。如果用户想要去，他们可以使用标准

window.onbeforeunload = function() { return 'You have unsaved changes!'; } 

如果你愿意，请尝试这样做。而不是定制的东西。

DEMO

Answer 2

您无法添加指向警报窗口的链接。你可以做的是使用像http://jqueryui.com/dialog/#default这样的jQuery插件，并在beforeunload函数中调用它。

HTML

<div id="dialog" title="My Link">
 <a href="#">My Link</a>
</div>

的jQuery

$(window).bind('beforeunload', function(){
 $( "#dialog" ).dialog();
});

或者如果不想使用jQuery，你可以使用window.open 例如：http://www.quirksmode.org/js/popup.html