Manuel de référence JavaScript
/ onbeforeunload 事件
onbeforeunload 事件
onbeforeunload 事件
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body onbeforeunload="return myFunction()">
<p>關閉當前窗口，按下 F5 或點擊以下鏈接觸發(fā) onbeforeunload 事件。</p>
<a href="http://www.w3cschool.cc">點擊跳轉到w3cschool.cc</a>
<script>
function myFunction() {
return "我在這寫點東西...";
}
</script>
</body>
</html>運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
定義和用法
onbeforeunload 事件在即將離開當前頁面（刷新或關閉）時觸發(fā)。
該事件可用于彈出對話框，提示用戶是繼續(xù)瀏覽頁面還是離開當前頁面。
對話框默認的提示信息根據(jù)不同的瀏覽器有所不同，標準的信息類似 "確定要離開此頁嗎？"。該信息不能刪除。
但你可以自定義一些消息提示與標準信息一起顯示在對話框。
注意： 如果你沒有在 <body> 元素上指定 onbeforeunload 事件，則需要在 window 對象上添加事件，并使用 returnValue 屬性創(chuàng)建自定義信息(查看以下語法實例)。
注意： 在 Firefox 瀏覽器中，只顯示默認提醒信息（不顯示自定義信息）。
瀏覽器支持
表格中的數(shù)字表示支持該事件的第一個瀏覽器的版本號。
語法
HTML 中：
<element onbeforeunload="myScript">嘗試一下
JavaScript 中：
object.onbeforeunload=function(){myScript};嘗試一下
JavaScript 中, 使用 addEventListener() 方法:
object.addEventListener("beforeunload", myScript);嘗試一下
注意： Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。
技術細節(jié)
| 是否支持冒泡: | No |
|---|---|
| 是否可以取消: | Yes |
| 事件類型: | Event |
| 支持的 HTML 標簽: | <body> |