添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
相关文章推荐
骑白马的毛巾  ·  Spatie ...·  1 年前    · 
讲道义的鸡蛋面  ·  openVPN + VPP = ...·  2 年前    · 
不羁的南瓜  ·  向强大的SVG迈进 - 掘金·  2 年前    · 

当时做一个单页应用, 由于用户老是喜欢按浏览器的后退按钮来返回上一步操作,但是单页应用返回上一步操作一般是不跳转页面的,所有我就想禁用浏览器的返回按钮功能来限制用户的操作习惯.

1.这里使用了jquery,先引入jquery库.

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>

2.功能函数,将这个函数放到页面的<script>脚本中,接着在函数定义后调用这个函数即可.

<script>
  function disableBack() {
    if (window.history && window.history.pushState) {
      $(window).on("popstate", function () {
        window.history.pushState("forward", null, "");
        window.history.forward(1);
    window.history.pushState("forward", null, "");
    window.history.forward(1);
  disableBack();
</script>