js beforeunload事件 监听浏览器/标签页刷新或关闭

beforeunload 事件触发于 window、document 和它们的资源即将卸载时。

当事件属性 returnValue 被赋值为非空字符串时，会弹出一个对话框，让用户确认是否离开页面（示例如下）。否则，事件被静默处理。一些浏览器实现仅在框架或内置框架接收到用户手势或交互时才显示对话框。

window.addEventListener("beforeunload", function( event ) {
  event.returnValue = true;  // chrome
});

基于 Webkit 的浏览器没有遵循该弹窗规范。以下是一个基本跨浏览器运行的例子。

window.addEventListener("beforeunload", function (e) {
  var confirmationMessage = "\o/";
  (e || window.event).returnValue = confirmationMessage; 
  return confirmationMessage;                                
});