BeforeUnloadEvent

beforeunload event is fired when the window, the document and its resources are about to be unloaded.

When a non-empty string is assigned to the returnValue Event property, a dialog box appears, asking the users for confirmation to leave the page (see example below). When no value is provided, the event is processed silently. Some implementations only show the dialog box if the frame or any embedded frame receives a user gesture or user interaction. See 浏览器兼容性 了解更多信息。

Bubbles No
Cancelable Yes
Target objects defaultView
Interface Event

范例

window.addEventListener("beforeunload", function( event ) {
  event.returnValue = "\o/";
});
// is equivalent to
window.addEventListener("beforeunload", function( event ) {
  event.preventDefault();
});
					

WebKit-derived browsers don't follow the spec for the dialog box. An almost-cross-browser working example would be close to the below example.

window.addEventListener("beforeunload", function (e) {
  var confirmationMessage = "\o/";
  (e || window.event).returnValue = confirmationMessage;     // Gecko + IE
  return confirmationMessage;                                /* Safari, Chrome, and other
                                                              * WebKit-derived browsers */
});
					

规范

规范 状态 Comment
HTML Living Standard
The definition of 'BeforeUnloadEvent' in that specification.
实时标准 初始定义

浏览器兼容性

更新 GitHub 上的兼容性数据
Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
BeforeUnloadEvent Chrome Yes Edge 12 Firefox 1.5 IE Yes Opera Yes Safari Yes WebView Android Yes Chrome Android Yes Firefox Android 4 Opera Android Yes Safari iOS Yes Samsung Internet Android Yes
User interaction required for dialog box Chrome 60 Edge ≤79 Firefox ? IE ? Opera 47 Safari ? WebView Android 60 Chrome Android 60 Firefox Android ? Opera Android 44 Safari iOS ? Samsung Internet Android 8.0

图例

完整支持
完整支持
兼容性未知
兼容性未知

另请参阅

  1. BeforeUnloadEvent
  2. 继承:
    1. Event