[html]history禁用浏览器的后退功能（包括其他操作后退的按钮，操作等）

前端在编写代码的时候可能会使用到禁用浏览器的后退功能，为使后退功能更加的完善，所以需要禁用掉很多的其他操作，比如键盘的按钮，组合快捷键等等。
这里是一段关于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禁用浏览器的后退功能（包括其他操作后退的按钮，操作等）相关推荐

谷歌浏览器禁止右滑返回历史_移动端h5禁用浏览器左滑右滑的前进后退功能
在项目运行过程中发现,用户在有左右滑动前进后退的功能的浏览器上签字时,偶然触发了前进后退会导致canvas像是重置了一样内容消失,所以需要在代码中处理这种情况. 基本原理就是在touchmove事件中 ...
php微信浏览器自带后退功能禁用,jquery如何实现禁用浏览器后退
jquery实现禁用浏览器后退的方法:首先打开相应的js文件:然后通过"jQuery(document).ready(function () {...}"方法禁用浏览器的back和 ...
javascript怎么禁用浏览器后退按钮
1. 复制代码代码如下: <script language="JavaScript"> javascript:window.history.forward(1); & ...
利用JavaScript实现禁用浏览器后退
最近做需求时出现的问题: 点击"意向国家和地区"对应的"请选择",出现一个弹框,这个弹框可以选择国家和地区的弹框,弹框占据了一整个页面,当用户不想选择也就是不点 ...
JavaScript禁用浏览器后退按钮
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术:vs20 ...
JavaScript如何实现禁用浏览器后退按钮
方法一: <script>window.history.forward(1); </script> 利用JS产生一个"前进"的动作,以抵消后退功能,这种方法 ...
手机浏览器利用js实现禁用浏览器后退
利用js实现禁用浏览器后退现在很多的内部系统,一些界面,都是用户手动点击退出按钮的.但是为了避免,用户误操作点击浏览器后退,或者用鼠标手势后退什么的.容易出现误操作. 所以在有些页面上,适当的禁 ...
Jquery 禁用浏览器的后退和前进按钮
使用js,Jquery 禁用浏览器的back 和 next 按钮: 有时为了防治用户乱了访问顺序,不得不禁掉浏览器的前进后退按钮. jQuery(document).ready(function () ...
利用js实现禁用浏览器后退
对就是禁用这个东西. 这种方式,可以消除后退的所有动作.包括键盘.鼠标手势等产生的后退动作. <script language="javascript">//防止页 ...

[html]history禁用浏览器的后退功能（包括其他操作后退的按钮，操作等）

[html]history禁用浏览器的后退功能（包括其他操作后退的按钮，操作等）相关推荐

最新文章

热门文章