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