有些需要填寫使用者資訊的介面,當使用者點選返回,或者重新整理介面,關閉介面的時候,需要及時提醒使用者當前的頁面填寫了內容,如果返回或者重新整理的話,會導致內容丟失。然後讓使用者自行決定後續的操作。
beforeunload
事件就可以幫你做到這件事。
當瀏覽器視窗關閉
或者重新整理
時,會觸發beforeunload
事件。當前頁面不會直接關閉,可以點選確定按鈕關閉或重新整理,也可以取消。
該事件使網頁能夠觸發乙個確認對話方塊
,詢問使用者是否真的要離開該頁面。如果使用者確認,瀏覽器將導航到新頁面,否則導航將會取消。
根據規範,要顯示確認對話方塊,事件處理程式需要在事件上呼叫preventdefault()
。
注意,並非所有瀏覽器都支援此方法,而有些瀏覽器需要事件處理程式實現兩個遺留方法中的乙個作為代替:這兩個方法以前是用於自定義確認對話方塊要顯示的文字資訊,現在已經廢棄,且大部分瀏覽器不支援自定義對話方塊文字訊息。
window.addeventlistener('beforeunload', (event) => );
在頁面離開前提醒你的beforeunload事件
有些需要填寫使用者資訊的介面,當使用者點選返回,或者重新整理介面,關閉介面的時候,需要及時提醒使用者當前的頁面填寫了內容,如果返回或者重新整理的話,會導致內容丟失。然後讓使用者自行決定後續的操作。beforeunload事件就可以幫你做到這件事。當瀏覽器視窗關閉或者重新整理時,會觸發beforeun...
25種我在十秒內離開你的頁面的原因
是什麼讓人們在開啟你的網頁沒多久就按下返回鍵?他們為什麼那麼快就想擺脫你的 可以做些什麼來改善這一點呢?讓使用者在你的 有個愉快的體驗並不是件容易的事情。實際上大多數 都會多多少少有些問題。但是看看下面這些負面因素並努力避免,或許可以對於做出更有使用者黏性的 有好處。來,從最糟糕的開始說吧 1.自動...
在區塊鏈挖礦行業你必須知道的事
在區塊鏈挖礦行業你必須知道的事 poc挖礦將會是今年的風口,在很多人眼裡,區塊鏈挖礦是一件神秘又遙遠的事情。cpu gpu 挖礦早已過時,對剛剛入門的小白來說,還有機會參與挖礦嗎?今年以來,類似 bps,bhd等 poc 挖礦專案進入了人們的視野,一度引起非礦圈內外的追捧,硬碟挖礦專案主網上線或開源...