onbeforeunload 事件


onbeforeunload 事件

實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body onbeforeunload="return myFunction()">

<p>关闭当前窗口,按下 F5 或点击以下链接触发 onbeforeunload 事件。</p>
<a href="http://www.w3cschool.cc">点击跳转到w3cschool.cc</a>    
<script>
function myFunction() {
    return "我在这写点东西...";
}
</script>

</body>
</html>

##執行實例»#點擊"執行實例" 按鈕查看線上實例



#定義和用法

onbeforeunload 事件在即將離開目前頁面(刷新或關閉)時觸發。

此事件可用於彈出對話框,提示使用者是繼續瀏覽頁面還是離開目前頁面。

對話方塊預設的提示訊息會根據不同的瀏覽器有所不同,標準的資訊類似 "確定要離開此頁嗎?"。該資訊不能刪除。

但你可以自訂一些訊息提示與標準資訊一起顯示在對話框中。

注意: 如果你沒有在 <body> 元素上指定 onbeforeunload 事件,則需要在 window 物件上新增事件,並使用 returnValue 屬性建立自訂資訊(查看下列語法實例)。

注意: 在 Firefox 瀏覽器中,只顯示預設提醒訊息(不顯示自訂資訊)。


瀏覽器支援

表格中的數字表示支援該事件的第一個瀏覽器的版本號碼。

4.png

語法

HTML 中:

<
element onbeforeunload="#myScript ">試試看
JavaScript 中:

#object.onbeforeunload=function(){myScript };試試看
JavaScript 中, 使用addEventListener() 方法:

object.addEventListener("beforeunload", myScript);試試看

注意: Internet Explorer 8 及更早IE 版本不支援addEventListener() 方法。

技術細節
是否支援冒泡:No是否可以取消:Yes事件類型:Event#支援的HTML 標籤: <body>



#