javascript - 离开/关闭标签前确认？

Question

我试图在用户关闭选项卡或转到另一个选项卡(如 facebook、gmail、GoDaddy 和其他选项卡)之前显示确认弹窗。

我的代码适用于 Firefox，但不适用于 chrome、safari 等其他浏览器

<script type="text/javascript">
      var hook = true;
      window.onbeforeunload = function() {
        if (hook) {
          return "Did you save"
        }
      }
      function unhook() {
        hook=false;
      }
    </script>

为按钮和链接调用 unhook() onClick

<a href="http://example.com" onClick="unhook()">No Block URL</a>

请帮我解决这个问题。

Answer 1

如果你看一下 api window.beforeunload()可以看到，虽然基本的unload事件被广泛支持，但是自定义消息只能在internet explorer和某些浏览器的特定版本中设置。因此，只需使用普通的标准消息即可。

This feature (custom messages) was often exploited by malicous sites to interact with user in a harmful or malipulative way. This is why many browsers don't support this anymore, until some patch removes the threat for users.

标准消息解决方案:

window.addEventListener('beforeunload', function (e) {
  // Cancel the event
  e.preventDefault();
  // Chrome requires returnValue to be set
  e.returnValue = '';
});