JavaScript中判斷頁面關(guān)閉、頁面刷新的實現(xiàn)代碼
更新時間：2014年08月27日 08:50:08 投稿：junjie
這篇文章主要介紹了JavaScript中判斷頁面關(guān)閉、頁面刷新的實現(xiàn)代碼,在一些特殊的場合中會用到這個技術(shù),需要的朋友可以參考下
今天由于項目需要判斷用戶離開頁面時要判斷用戶的行為是關(guān)閉還是刷新
雖然沒有直接的方法，但通過一定的技巧也能做到
不得不感嘆JavaScript的強大??！
請看一下代碼：
復(fù)制代碼 代碼如下:
window.onunload = function(){
var a_n = window.event.screenX - window.screenLeft;
var a_b = a_n > document.documentElement.scrollWidth-20;
if(a_b && window.event.clientY< 0 || window.event.altKey){
alert('關(guān)閉頁面行為');
}else{
alert('跳轉(zhuǎn)或者刷新頁面行為');
}
}
其實就是通過離開頁面行為時間onunload觸發(fā)時間去檢測此時的瀏覽器的窗口大小，根據(jù)大小由此判斷用戶是刷新，跳轉(zhuǎn)或是關(guān)閉行為。
兼容各大瀏覽器！
相關(guān)文章
js設(shè)置function參數(shù)默認值(適合沒有傳參情況)
div+css模擬js信息框的類庫時遇到一個問題當(dāng)沒有傳遞參數(shù)過去時自動使用提示信息作為窗口標(biāo)題，具體的實現(xiàn)如下2014-02-02
這篇文章給大家分享了js數(shù)據(jù)類型檢測的相關(guān)實例內(nèi)容，有需要的朋友可以測試下。2018-08-08
JavaScript通過代碼調(diào)用Flash顯示的方法
這篇文章主要介紹了JavaScript通過代碼調(diào)用Flash顯示的方法,實例分析了JavaScript通過flash插件swfobject.js調(diào)用flash顯示的具體操作技巧,需要的朋友可以參考下2016-02-02
如何將JavaScript將數(shù)組轉(zhuǎn)為樹形結(jié)構(gòu)
我們經(jīng)常會碰到樹形數(shù)據(jù)結(jié)構(gòu)，比方組織層級、省市縣或者者動植物分類等等數(shù)據(jù)，那么如何將JavaScript將數(shù)組轉(zhuǎn)為樹形結(jié)構(gòu)，本文就詳細的來了解一下2021-06-06
JavaScript代碼異常監(jiān)控實現(xiàn)過程詳解
這篇文章主要介紹了JavaScript代碼異常監(jiān)控實現(xiàn)過程詳解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-02-02
這篇文章主要為大家詳細介紹了原生js canvas實現(xiàn)簡單貪吃蛇，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03
javascript字符串對象常用api函數(shù)小結(jié)(連接,替換,分割,轉(zhuǎn)換等)
這篇文章主要介紹了javascript字符串對象常用api函數(shù),結(jié)合實例形式總結(jié)分析了javascript常用的連接、替換、分割、轉(zhuǎn)換等相關(guān)函數(shù)與使用方法,需要的朋友可以參考下2016-09-09
當(dāng)頁面設(shè)計好后需要打印出來,如網(wǎng)頁的的打印瀏覽和打印功能,有些公司需要讓前端開發(fā)好頁面打印出來或者轉(zhuǎn)為pdf格式的文檔,下面這篇文章主要給大家介紹了關(guān)于前端實現(xiàn)打印功能的兩種方法,需要的朋友可以參考下2023-01-01
這篇文章主要介紹了原生JS檢測CSS3動畫是否結(jié)束的方法,結(jié)合實例形式分析了javascript事件響應(yīng)及針對css3屬性檢測相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
在html文本框中顯示提示效果，以方便用戶的輸入，比如在輸入姓名時，會自動提示 姓名長度最多16個字符，是不是很酷哦?？靵砜纯窗?/div> 2014-06-06最新評論