前端在編寫代碼的時候可能會使用到禁用瀏覽器的后退功能，為使后退功能更加的完善，所以需要禁用掉很多的其他操作，比如鍵盤的按鈕，組合快捷鍵等等。
這里是一段關于js完全禁用瀏覽器后退的功能。

<script language="javascript">//防止頁面后退history.pushState(null, null, document.URL);window.addEventListener('popstate', function () {history.pushState(null, null, document.URL);}); </script>

在一般的html中使用這個功能時，對整個頁面都會啟用禁用的功能；
在vue等的spa項目中使用，你可以在統一的地方進行及時的后退功能的禁用。那么，我們應該這樣描述：

export function disableHistory (url) {//防止頁面后退history.pushState(null, null, url);window.addEventListener('popstate', function () {history.pushState(null, null, url);}) }

同時我們在進入某個頁面的時候就可以去執行這個函數：

import { disableHistory } from ‘./disableHistory’export default {beforeCreate () {disableHistory(document.URL)},// ... }

雖然我們不能直接一起禁用掉我們想禁用的所有頁面，但是我們的頁面顯示也是互斥的，即一個瀏覽器tab不能一次顯示多個頁面，只能含有一個url。只要我們在想禁用的頁面顯示之前或者用戶操作后退之前禁用掉即可。

當然你也可以使用這個函數來實現更改url但頁面不進行刷新的操作！

總結

以上是生活随笔為你收集整理的[html]history禁用浏览器的后退功能（包括其他操作后退的按钮，操作等）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。