美文网首页
javascript实现浏览器地址栏禁止后退的动作

javascript实现浏览器地址栏禁止后退的动作

作者: 笨鸟使劲飞 | 来源:发表于2019-08-06 14:31 被阅读0次

    这种方式,可以消除后退的所有动作。包括 键盘、鼠标手势等产生的后退动作。

    原理:利用popstate事件和pushState方法,popstate是html5新增的一个事件,它会在浏览器历史发生变化时触发,大致上可以这么理解,用户点击后退按钮时,会触发popstate事件。

    例如一下代码:

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

    相关文章

      网友评论

          本文标题:javascript实现浏览器地址栏禁止后退的动作

          本文链接:https://www.haomeiwen.com/subject/qlnidctx.html