js阻止页面离开

Question

如何使用js阻止页面离开，在刷新，离开或者关闭页面时执行自定义的弹框，点击确定的话离开页面，点击取消的话返回原页面。

在网上搜了一下，发现用unload或者onbeforeunload的话，自定义弹框弹出，还没点击页面就跳转了。希望大家给出一个可行的方法，谢谢。

Answer 1

window.alert window.confirm 等原生方法会阻塞代码执行，而自定义的弹框是无法阻塞代码执行的。

所以会出现一个问题：我想用自定义弹框，因为它很好看，并且与本系统样式统一。

onunload 并不能阻止页面关闭，只能在关闭的时候触发这个事件。

onbeforeunload 可以阻止关闭，但是此方法异常奇怪。

通常情况下，在事件中 return false 既可以阻止浏览器默认行为，又可以阻止事件冒泡。

但是在 onbeforeunload 中，return 任何值，都会被以文本的方式显示在它的弹出框中。

所以你无法通过此方法阻止它的默认弹框行为，并弹出自定义框。

后来我自己回想了下：这也许是一个安全问题。如果你访问了一个 '恶意' 网页，它不允许你关掉它。浏览器绝对不会允许这种事件发生，故做了这样的限制。

Answer 2

用alert 不要用自己的对话框

Answer 3

使用confirm