无法在Laravel页面中的google chrome中检测到选项卡关闭事件

Question

在我的Laravel项目中，当浏览器关闭按钮单击事件或浏览器的选项卡按钮关闭事件时，我需要给出一条警告消息。

仅当（ctrl-shift-R）刷新浏览器时，“您所做的更改可能不会保存。”将显示默认消息。否则什么也没有。

<script type="text/javascript">

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


</script>

当重新加载页面“[Violation]将非被动事件侦听器添加到滚动阻止“touchstart”事件时，将返回此警告。将事件处理程序标记为“被动”以使页面更加响应。看见https://www.chromestatus.com/feature/5745543795965952'

Answer 1

我刚刚在Chrome中测试了这一点（使用DevTools），从另一个SO答案来看，它是有效的，如下所示：

检测浏览器或选项卡关闭

window.addEventListener("beforeunload", function (e) {
  var confirmationMessage = "\o/";

  (e || window.event).returnValue = confirmationMessage; //Gecko + IE
  return confirmationMessage;                            //Webkit, Safari, Chrome
});

如果这不起作用，请考虑是否正在注册事件侦听器。