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

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

在一般的html中使用這個(gè)功能時(shí)，對(duì)整個(gè)頁面都會(huì)啟用禁用的功能；
在vue等的spa項(xiàng)目中使用，你可以在統(tǒng)一的地方進(jìn)行及時(shí)的后退功能的禁用。那么，我們應(yīng)該這樣描述：

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

同時(shí)我們?cè)谶M(jìn)入某個(gè)頁面的時(shí)候就可以去執(zhí)行這個(gè)函數(shù)：

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

雖然我們不能直接一起禁用掉我們想禁用的所有頁面，但是我們的頁面顯示也是互斥的，即一個(gè)瀏覽器tab不能一次顯示多個(gè)頁面，只能含有一個(gè)url。只要我們?cè)谙虢玫捻撁骘@示之前或者用戶操作后退之前禁用掉即可。

當(dāng)然你也可以使用這個(gè)函數(shù)來實(shí)現(xiàn)更改url但頁面不進(jìn)行刷新的操作！

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。