JQuery 阻止浏览器后退按钮

方案一(个人试过360,谷歌,QQ浏览器都可以,方案二有的浏览器还是可以后退,避免万无一失最好使用方案一)

    <script type="text/javascript">
        function ban() {
            if (window.history && window.history.pushState) {
                $(window).on(‘popstate‘, function () {
                    window.history.pushState(‘forward‘, null, ‘#‘);
                    window.history.forward(1);
                });
            }
            window.history.pushState(‘forward‘, null, ‘#‘); //在IE中必须得有这两行
            window.history.forward(1);
        }
    </script>

方案二

   <script  language="javascript">
   <!--
    javascript:window.history.forward(1);
  //-->
   </script>
时间: 2024-10-12 21:16:59

JQuery 阻止浏览器后退按钮的相关文章

防止页面后退(使浏览器后退按钮失效)

防止页面后退(使浏览器后退按钮失效) 原理:用新页面的URL替换当前的历史纪录,这样浏览历史记录中就只有一个页面,后退按钮永远失效. 注:history.go和history.back(包括用户按浏览器历史前进后退按钮)触发, 页面由于使用pushState修改了history),会触发popstate事件.     [代码如下]       注:直接放在不想后退跳转的页面即可! 方法一:       <script type="text/javascript">     

禁用浏览器后退按钮

基本上是3个solution: 1).设置网页过期(服务器端) 2).javascript:window.history(客户端) 3).对于键盘的backspace.通过window.event来过滤,当然要考虑的是对于Input控件,要保持删除的功能. <script type="text/javascript"> function backspace() { if (event.keyCode == 8 && event.srcElement.tagN

L--怎样让用户点击浏览器后退按钮刷新后退页面的验证码

介绍 项目需要,怎样让用户点击浏览器后退按钮刷新后退页面的验证码,通过cookie来解决 方法一(通过设置前台html)(失败) 本想通过控制html的http-equiv属性来解决问题,如下 http-equiv属性 1.<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80"> 和 <meta http-equiv="Content-Lan

javascript怎么禁用浏览器后退按钮

1. 复制代码 代码如下: <script language="JavaScript"> javascript:window.history.forward(1); </script> 利用JS产生一个“前进”的动作,以抵消后退功能,这种方法应该是最简洁的,并且不需要考虑用户连点两次或多次“后退”的情况,缺点是当用户端禁用了JavaScript之后即失效. 2. 复制代码 代码如下: <A HREF="logout.do" onclic

如何屏蔽掉浏览器后退按钮的几个解决办法

Q311 How do I disable the "Back" button of a browser? You are here: irt.org | FAQ | JavaScript | History | Q311 [ previous next ] Easy answer - you can't. Longer answer - you cannot totally remove the ability for the user to go back to the previ

根据浏览器history模拟浏览器后退按钮显隐问题

场景:在APP页面开发中,有一个需求,做一个返回按钮,实现的功能和浏览器的后退按钮相同. 措施:具体思路如下: 1.开始打开页面时,浏览器的history.length为1,按钮隐藏:     2.当history.length>1时,点击按钮执行 history.go(-1): 3.后退到历史记录栈中第一帧时,按钮隐藏.出于浏览器安全性考虑,history中没有给出属性判断其当前页的位置,所以,在开始打开页面,处于第一帧时,在当前url中添加参数,按钮点击事件触发时,根据该参数可判断是否是第一

解决点击浏览器后退按钮页面过期的问题

header('Cache-control: private, must-revalidate'); session_cache_limiter('private, must-revalidate'); 一定要在session_start()前

当前用户退出后,点击浏览器后退按钮,原来的用户又显示出来,怎么办?

我在工作就遇到了这样的问题,一同事的解决方法: 我们在jsp页面都引用了一个公共的jsp文件 <% response.setHeader("Cache-Control","no-store");    response.setHeader("Pragma","no-cache");    response.setDateHeader ("Expires", 0);%> 这样用户再退出后在回退时就

浏览器“后退”、“前进”或可以这么去监听

我们知道,浏览器实现了onbeforeunload和onunload事件,onbeforeonload事件是在浏览器即将请求下一个页面(请求还未发出)的时候触发,它可以实现阻止onunload的触发.onunload事件则是浏览器已经将下一个页面请求回来,页面即将跳转的时候触发,该事件无法中断.看起来onbeforeunload事件似乎能满足我们的需求,但是,这只是一个假象. onbeforeunload事件虽然能阻止onunload事件的触发,但是由于它是浏览器内置的事件,其出现的交互方式和U