强制留在本页

2013-04-28 by Dron

有一些特定应用，在用户离开当前页面时会弹出一个对话框，询问是否真的离开，给用户多一次选择，以确保未完成的草稿得已保存。

这种弹窗都是在页面的 onbeforeunload 事件里实现的，这个事件还可以用来发送统计请求。我今天在考虑这个问题时来了灵感，如果在这个事件里强制地址跳回本页会如何呢？于是我造了一段测试代码：

window.onbeforeunload = function(){
  setTimeout( function(){ location.href = "#"; }, 0 );
};

将上面的代码粘贴到任意网页的 console 中执行，神奇的事情发生了：点击该网页的其它链接，根本跳不走，其实是跳走了立刻又被跳了回来（查看控制台的网络面板可以验证）。如果是在地址栏上输入其它地址，回车后也会强制被替回来，有点意思。

在 Chrome/Safari 中测试通过，Firefox 不通过，IE/Opara 未测试，有点暴力，不推荐使用。