JavaScript 捕獲窗口關(guān)閉事件
更新時(shí)間：2009年07月26日 09:44:12 作者：
javascript捕獲窗口關(guān)閉事件有兩種方法
1.用javascript重新定義 window.onbeforeunload() 事件
在javascript里定義一個(gè)函數(shù)即可
function window.onbeforeunload() { alert("關(guān)閉窗口")}
alert()事件將會(huì)在關(guān)閉窗口前執(zhí)行，你也可以用戶決定是否關(guān)閉窗口
function window.onbeforeunload() {
if (event.clientX>document.body.clientWidth && event.clientY<0 ||event.altKey)
window.event.returnValue="確定要退出本頁(yè)嗎？";
}
2.用onUnload方法
在body 標(biāo)簽里加入onUnload事件
body onUnload="myClose()"
然后在javascript里定義myClose()方法
但是onUnload方法是在關(guān)閉窗口之后執(zhí)行，不是在關(guān)閉窗口之前執(zhí)行，如果你想在關(guān)閉窗口之前做判斷，請(qǐng)用第一種方法
在javascript里定義一個(gè)函數(shù)即可
function window.onbeforeunload() { alert("關(guān)閉窗口")}
alert()事件將會(huì)在關(guān)閉窗口前執(zhí)行，你也可以用戶決定是否關(guān)閉窗口
function window.onbeforeunload() {
if (event.clientX>document.body.clientWidth && event.clientY<0 ||event.altKey)
window.event.returnValue="確定要退出本頁(yè)嗎？";
}
2.用onUnload方法
在body 標(biāo)簽里加入onUnload事件
body onUnload="myClose()"
然后在javascript里定義myClose()方法
但是onUnload方法是在關(guān)閉窗口之后執(zhí)行，不是在關(guān)閉窗口之前執(zhí)行，如果你想在關(guān)閉窗口之前做判斷，請(qǐng)用第一種方法
您可能感興趣的文章:
- js之事件冒泡和事件捕獲詳細(xì)介紹
- js阻止默認(rèn)事件與js阻止事件冒泡示例分享 js阻止冒泡事件
- javascript事件冒泡詳解和捕獲、阻止方法
- js冒泡、捕獲事件及阻止冒泡方法詳細(xì)總結(jié)
- js阻止冒泡及jquery阻止事件冒泡示例介紹
- zepto.js中tap事件阻止冒泡的實(shí)現(xiàn)方法
- js event事件的傳遞與冒泡處理
- JS冒泡事件的快速解決方法
- JS阻止冒泡事件以及默認(rèn)事件發(fā)生的簡(jiǎn)單方法
- js如何取消事件冒泡
- js事件監(jiān)聽機(jī)制(事件捕獲)總結(jié)
- Javascript 事件捕獲的備忘(setCapture,captureEvents)
- JavaScript實(shí)現(xiàn)父子dom同時(shí)綁定兩個(gè)點(diǎn)擊事件,一個(gè)用捕獲,一個(gè)用冒泡時(shí)執(zhí)行順序的方法
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了如何通過(guò)D3.js實(shí)現(xiàn)繪制柱狀圖，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)D3.js有一定的幫助，需要的可以參考一下2022-11-11
JavaScript重復(fù)元素處理方法分析【統(tǒng)計(jì)個(gè)數(shù)、計(jì)算、去重復(fù)等】
這篇文章主要介紹了JavaScript重復(fù)元素處理方法,結(jié)合實(shí)例形式分析了javascript針對(duì)字符串、數(shù)組中重復(fù)元素的個(gè)數(shù)統(tǒng)計(jì),計(jì)算及去重復(fù)等相關(guān)操作技巧,需要的朋友可以參考下2017-12-12
適用于javascript開發(fā)者的Processing.js入門教程
這篇文章主要介紹了適用于javascript開發(fā)者的Processing.js入門教程，感興趣的小伙伴們可以參考一下2016-02-02
JS 中可以提升幸福度的小技巧(可以識(shí)別更多另類寫法)
本文主要介紹一些JS中用到的小技巧，可以在日常Coding中提升幸福度，將不定期更新2018-07-07
JS 創(chuàng)建對(duì)象的模式實(shí)例小結(jié)
這篇文章主要介紹了JS 創(chuàng)建對(duì)象的模式,結(jié)合實(shí)例形式總結(jié)分析了JS 創(chuàng)建對(duì)象的各種常用模式,包括工廠模式、構(gòu)造函數(shù)模式、原型模式、組合構(gòu)造和原型模式、動(dòng)態(tài)原型模式、寄生構(gòu)造函數(shù)模式、穩(wěn)妥構(gòu)造模式等,需要的朋友可以參考下2020-04-04
下面小編就為大家?guī)?lái)一篇數(shù)組Array的排序sort方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
本篇文章主要介紹了關(guān)于redux-saga中take使用方法詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
本篇文章主要介紹了詳解webpack介紹&安裝&常用命令，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)圖片驗(yàn)證碼功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
JS實(shí)現(xiàn)二叉查找樹的建立以及一些遍歷方法實(shí)現(xiàn)
本篇文章主要介紹了JS實(shí)現(xiàn)二叉查找樹的建立以及一些遍歷方法實(shí)現(xiàn)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-04-04