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