Jquery 影响卸载

Question

我想在用户离开页面时使用 jquery slideUp 效果，只是为了让页面在关闭时看起来很酷。

我假设我应该使用 onunload 事件，但我怎样才能延迟页面关闭足够长的时间以使效果运行完成。

我想到的一个选项是有效地劫持关闭 function 的页面，将其存储在某个变量中，然后在我运行效果后执行它，但我不知道该怎么做。

非常欢迎任何建议或替代想法

Answer 1

您正在寻找的是 onbeforeunload 事件。
不过只是一个警告……它应该非常快……否则无论它看起来多么酷，您的访客都可能会讨厌它

至于防止页面在 animation 完成之前离开，这是一个更大的问题......任何 animation 都将依赖 setTimeout/setInterval 并且页面不会等待它们完成后再离开。

Answer 2

当用户要求时，除了关闭 window 之外做任何事情都是在破坏与用户的合同。 浏览器 window 不是你的，是用户的，不管效果有多酷，都难免惹恼你的大部分用户。

onbeforeunload 事件的作用非常有限。 它必须返回一个字符串，然后用于提示用户确认是否离开页面。 它不适用于很酷的动画。

Answer 3

据我所知，阻止用户离开页面的唯一方法是 onbeforeunload 事件，该事件不可取消。 相反，您从该方法返回一个字符串，浏览器用是/否对话框提示用户，生活继续。 276660有更多关于此的信息。

我不认为你会在这方面有很多运气。

Answer 4

为什么不呢，而不是在用户简单地想要 go 离开您的网站时产生“酷”效果（即使用户关闭浏览器/选项卡，卸载事件也会被触发）并且让简单的用户烦恼......防止他/她再次回来......

...当用户第一次访问您的网站时，会产生那种“酷”的效果吗？ 作为正常的介绍效果？

我这样做只是一个简单的想法，你可以在这里看到它： http://www.balexandre.com/jmfc

Answer 5

我 100% 同意Jonathan Fingland 的回答，并添加这个。

在 IE 中，（我不确定哪些版本支持这个，我知道 IE6 支持）您可以使用一些专有的元标记在离开页面时实现淡入淡出等。 但是，这在浏览器中是有限的（仅限 IE），因此您无法跨浏览器使用。

Answer 6

您可能会发现通过 AJAX 加载新内容会让您更好地控制效果和过渡，并减少用户因试图以这种方式劫持浏览器操作而导致的烦恼因素。

我会考虑使用上面提到的 slider 的形式（例如参见http://webdesignledger.com/tutorials/13-super-useful-jquery-content-slider-scripts-and-tutorials ），或者只是加载内容窗格响应用户点击。

Answer 7

我发现延迟 window 关闭的唯一方法是使用警报。 如果这对你的情况来说是一个可以接受的妥协，它真的会延迟 memory 中的 window 销毁，并允许你的页面计时器执行（当然，如果用户没有在你的动画完成之前关闭警报弹出窗口）。

我最近使用了这种方法，所以我可以通过 FABridge 调用 flex 方法（否则它会在 flex 方法调用完成之前被销毁）。 我想听听您对此的评论。