Latest web development tutorials

onbeforeunload 事件

事件對象參考手冊 事件對象

實例

在即將離開當前頁面(刷新或關閉)時執行JavaScript :

<body onbeforeunload="return myFunction()">

嘗試一下»


定義和用法

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

該事件可用於彈出對話框,提示用戶是繼續瀏覽頁面還是離開當前頁面。

對話框默認的提示信息根據不同的瀏覽器有所不同,標準的信息類似"確定要離開此頁嗎?"。 該信息不能刪除。

但你可以自定義一些消息提示與標准信息一起顯示在對話框。

注意:如果你沒有在<body>元素上指定onbeforeunload事件,則需要在window對像上添加事件,並使用returnValue屬性創建自定義信息(查看以下語法實例)。

注意:在Firefox瀏覽器中,只顯示默認提醒信息(不顯示自定義信息)。


瀏覽器支持

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

事件
onbeforeunload Yes Yes Yes Yes 15.0


語法

HTML 中:

<elementonbeforeunload="myScript"> 嘗試一下

JavaScript 中:

object .onbeforeunload=function(){myScript}; 嘗試一下

JavaScript 中, 使用addEventListener() 方法:

object .addEventListener("beforeunload", myScript ); 嘗試一下

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


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


事件對象參考手冊 事件對象