關閉瀏覽器的監聽

2021-06-19 19:54:53 字數 685 閱讀 8447

需求:關閉瀏覽器時,退出,清除session。

在網上找了一段**,可是測試的時候有偏差,有時關閉瀏覽器可以退出,有時退出不了。分析後發現,當瀏覽器的視窗大小改變後,網頁的寬度沒有及時跟著變,這個專案沒有做到這一點。

document.documentelement.scrollwidth  網頁寬度

document.body.clientwidth  視窗寬度

以上兩個值意思是不一樣的,前者是網頁的寬度,如果瀏覽器視窗拉小,但是頁面內容沒有自適應,那麼網頁的寬度沒有變,而視窗寬度變小了。以下兩個網頁看的很清除,乙個有滾動條,乙個沒有。

認識一下各個值的含義

window.event.screenx  滑鼠相對於顯示器的x座標值

window.screenleft    網頁左邊相對於顯示器的x座標值

document.body.clientwidth  瀏覽器視窗的寬度

document.documentelement.scrollwidth   網頁寬度

close事件 vue vue 監聽瀏覽器關閉事件

用vue做的專案,有個需求就是關閉瀏覽器的時候,需要往後臺提交有個介面,來監聽這個賬號有沒有下線。網上找了很多種方法,一直沒有實現。主要困惑點 1 瀏覽器關閉是事件,是什麼 window.addeventlistener beforeunload e 執行 mounted window.addeve...

監聽瀏覽器關閉 重新整理按鈕,呼叫介面

window.onunload e else window.onbeforeunload e 使用者關閉或者重新整理網頁的時候,有時候需要呼叫後台介面。一般我們通過ajax或者axios等去呼叫介面。但是在關閉和重新整理中呼叫你會發現console成功但是後台並沒有接受到前端的請求,因為呼叫介面是非...

監聽瀏覽器關閉事件的解決方案

在web專案開發中,關於瀏覽器關閉事件有兩個很常見的問題 為什麼我沒有監聽瀏覽器關閉事件?我監聽到了這個事件,但寫在事件裡的非同步請求為什麼傳送不成功?原因分析 這兩個問題無外乎兩個原因 瀏覽器關閉事件未被觸發 和 非同步請求傳送失敗。原因1 關閉瀏覽器時一定會觸發事件嗎?如果不一定,那什麼條件下才...