阻止頁面關閉並提示確認

2021-08-27 11:33:19 字數 458 閱讀 4476

關於這個問題,js中有頁面關閉的頁面關閉beforeunload事件,該事件的主要弊端是不能對彈出框進行自定義。現如今主要造成這種局面的原因是瀏覽器的本身操作(如前進,後退,重新整理)無法僅僅通過前端進行控制。下面介紹一種html5的方法阻止頁面的前進後退(不包括重新整理,這個需要繼續推敲下)。

if (window.history && window.history.pushstate) );

}window.history.pushstate('forward', null, '#');

window.history.forward(1);

確認

取消

.confirm_win

.confirm_win h2

.confirm_win .confirm_win_btn a

Vue 阻止頁面回退

1.原生js方法 2.vue中結合vuex方法 1.在路由配置中給這個路由新增meta資訊,比如 2.在全域性的router.beforeeach 函式裡面獲取allowback的狀態,同時更新vuex的allowback的值,let allowback true 給個預設值true if to.m...

Vue 阻止頁面回退

1.原生js方法 2.vue中結合vuex方法 1.在路由配置中給這個路由新增meta資訊,比如 2.在全域性的router.beforeeach 函式裡面獲取allowback的狀態,同時更新vuex的allowback的值,let allowback true 給個預設值true if to.m...

JS監聽頁面重新整理及阻止頁面重新整理

有時前端請求後端 需要等待,但使用者不想等待使用重新整理,這樣會造成一些錯誤的資料等。當然服務端應該可以控制,不過這裡說一些前端的控制思路 僅個人想法 說一下2個思路 1 可以在介面發出去之後,阻止所有重新整理頁面的行為進行阻止,並給出提示。基本就是通過鍵盤和滑鼠事件 2 監聽頁面的重新整理行為 b...