JavaScript Reference Manual
/ onbeforeunload 事件
onbeforeunload 事件
onbeforeunload 事件
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body onbeforeunload="return myFunction()"> <p>關(guān)閉當(dāng)前窗口,按下 F5 或點(diǎn)擊以下鏈接觸發(fā) onbeforeunload 事件。</p> <a href="http://www.w3cschool.cc">點(diǎn)擊跳轉(zhuǎn)到w3cschool.cc</a> <script> function myFunction() { return "我在這寫點(diǎn)東西..."; } </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
定義和用法
onbeforeunload 事件在即將離開當(dāng)前頁面(刷新或關(guān)閉)時(shí)觸發(fā)。
該事件可用于彈出對(duì)話框,提示用戶是繼續(xù)瀏覽頁面還是離開當(dāng)前頁面。
對(duì)話框默認(rèn)的提示信息根據(jù)不同的瀏覽器有所不同,標(biāo)準(zhǔn)的信息類似 "確定要離開此頁嗎?"。該信息不能刪除。
但你可以自定義一些消息提示與標(biāo)準(zhǔn)信息一起顯示在對(duì)話框。
注意: 如果你沒有在 <body> 元素上指定 onbeforeunload 事件,則需要在 window 對(duì)象上添加事件,并使用 returnValue 屬性創(chuàng)建自定義信息(查看以下語法實(shí)例)。
注意: 在 Firefox 瀏覽器中,只顯示默認(rèn)提醒信息(不顯示自定義信息)。
瀏覽器支持
表格中的數(shù)字表示支持該事件的第一個(gè)瀏覽器的版本號(hào)。

語法
HTML 中:
<element onbeforeunload="myScript">嘗試一下
JavaScript 中:
object.onbeforeunload=function(){myScript};嘗試一下
JavaScript 中, 使用 addEventListener() 方法:
object.addEventListener("beforeunload", myScript);嘗試一下
注意: Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。
技術(shù)細(xì)節(jié)
是否支持冒泡: | No |
---|---|
是否可以取消: | Yes |
事件類型: | Event |
支持的 HTML 標(biāo)簽: | <body> |