onbeforeunload 事件

DOM 事件 Event 對象

定義和用法

onbeforeunload 事件在文檔即將被卸載時發生。

此事件允許您在確認對話框中顯示一條消息，通知用戶是要停留還是離開當前頁面。

出現在確認框中的默認消息，在不同的瀏覽器中是不同的。但是，標準消息類似于“您確定要離開此頁面嗎？”。此消息無法刪除。

但是，您可以將自定義消息與默認消息一起編寫。請參閱此頁面上的第一個例子。注釋：只適用于 Internet Explorer。

注釋：如果 onbeforeunload 事件沒有分配給 <body> 元素，則必須將該事件分配/附加到 window 對象上，并使用 returnValue 屬性創建自定義消息（請參見下面的語法示例）。

實例

在頁面即將卸載時執行 JavaScript：

<body onbeforeunload="return myFunction()">

親自試一試

語法

在 HTML 中：

<element onbeforeunload="myScript">

親自試一試

在 JavaScript 中：

object.onbeforeunload = function(){myScript};

親自試一試

在 JavaScript 中，使用 addEventListener() 方法：

object.addEventListener("beforeunload", myScript);

親自試一試

注釋：Internet Explorer 8 或更早的版本不支持 addEventListener() 方法。

技術細節

冒泡： 不支持
可取消： 支持
事件類型： 如果從用戶界面生成，UiEvent。否則 Event。
支持的 HTML 標簽： <body>
DOM 版本： Level 2 Events

瀏覽器支持

表中的數字注明了完全支持該事件的首個瀏覽器版本。

事件 Chrome IE Firefox Safari Opera
onbeforeunload 支持 支持 支持 支持 15.0
DOM 事件 Event 對象