?????? ?? ???
/ 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 "我在這寫(xiě)點(diǎn)東西...";
}
</script>
</body>
</html>運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
定義和用法
onbeforeunload 事件在即將離開(kāi)當(dāng)前頁(yè)面（刷新或關(guān)閉）時(shí)觸發(fā)。
該事件可用于彈出對(duì)話框，提示用戶(hù)是繼續(xù)瀏覽頁(yè)面還是離開(kāi)當(dāng)前頁(yè)面。
對(duì)話框默認(rèn)的提示信息根據(jù)不同的瀏覽器有所不同，標(biāo)準(zhǔn)的信息類(lèi)似 "確定要離開(kāi)此頁(yè)嗎？"。該信息不能刪除。
但你可以自定義一些消息提示與標(biāo)準(zhǔn)信息一起顯示在對(duì)話框。
注意： 如果你沒(méi)有在 <body> 元素上指定 onbeforeunload 事件，則需要在 window 對(duì)象上添加事件，并使用 returnValue 屬性創(chuàng)建自定義信息(查看以下語(yǔ)法實(shí)例)。
注意： 在 Firefox 瀏覽器中，只顯示默認(rèn)提醒信息（不顯示自定義信息）。
瀏覽器支持
表格中的數(shù)字表示支持該事件的第一個(gè)瀏覽器的版本號(hào)。
語(yǔ)法
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 |
| 事件類(lèi)型: | Event |
| 支持的 HTML 標(biāo)簽: | <body> |