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

2021-10-09 03:59:47 字數 385 閱讀 4591

window.onunload = (e)=>  

else   

}  }  

window.onbeforeunload = (e)=>

使用者關閉或者重新整理網頁的時候,有時候需要呼叫後台介面。一般我們通過ajax或者axios等去呼叫介面。但是在關閉和重新整理中呼叫你會發現console成功但是後台並沒有接受到前端的請求,因為呼叫介面是非同步的,很可能在它傳送之前,頁面已經解除安裝了,請求並沒有傳送出去。

瀏覽器引入的sendbeacon方法,發出的是非同步請求,但是請求是作為瀏覽器任務執行的,與當前頁面是脫鉤的。因此該方法不會阻塞頁面解除安裝流程和延遲後面頁面的載入。

監聽瀏覽器返回按鈕

function false function pushhistory window.history.pushstate state,title window.addeventlistener popstate function e false 雖然我們監聽到了後退事件,但是頁面還是會返回上乙個頁面...

關閉瀏覽器的監聽

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

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

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