閱讀(6.8k) 書簽贊(0) 我要糾錯

onbeforeunload 事件

2018-12-05 14:53 更新

實(shí)例

在即將離開當(dāng)前頁面(刷新或關(guān)閉)時執(zhí)行 JavaScript :

onbeforeunload 事件在即將離開當(dāng)前頁面（刷新或關(guān)閉）時觸發(fā)。

該事件可用于彈出對話框，提示用戶是繼續(xù)瀏覽頁面還是離開當(dāng)前頁面。

對話框默認(rèn)的提示信息根據(jù)不同的瀏覽器有所不同，標(biāo)準(zhǔn)的信息類似 "確定要離開此頁嗎？"。該信息不能刪除。

但你可以自定義一些消息提示與標(biāo)準(zhǔn)信息一起顯示在對話框。

注意： 如果你沒有在 <body> 元素上指定 onbeforeunload 事件，則需要在 window 對象上添加事件，并使用 returnValue屬性創(chuàng)建自定義信息(查看以下語法實(shí)例)。

注意： 在 Firefox 瀏覽器中，只顯示默認(rèn)提醒信息（不顯示自定義信息）。

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

事件
onbeforeunload	Yes	Yes	Yes	Yes	15.0

HTML 中：

<element onbeforeunload="myScript">嘗試一下

JavaScript 中：

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

JavaScript 中, 使用 addEventListener() 方法:

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

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

技術(shù)細(xì)節(jié)

以上內(nèi)容是否對您有幫助：

寫筆記

我要補(bǔ)充