js禁止浏览器的回退事件

直接来个终极方案：

查找了好多资料才找到的，这种方式，可以消除后退的所有动作。包括键盘、鼠标手势等产生的后退动作。

<script language="javascript">

    //防止页面后退

    history.pushState(null, null, document.URL);

    window.addEventListener('popstate', function () {

            history.pushState(null, null, document.URL);

    });

</script>

现在，我们项目中就使用了这种方式。在常用浏览器中，都可以禁用了后退。

具体实例：

$(function(){

    if (window.history && window.history.pushState) {

            history.pushState(null, null, document.URL);

            window.addEventListener('popstate', forbidBack);

    }

})

/**

 * 禁止回退按钮

 */

function forbidBack(){

    appUtils.mobileConfirm("确定放弃重置密码?",function(){//yes

        window.removeEventListener('popstate',forbidBack);

        muiwindow.muiwebview({"url":"login.html"});

    },function(){//no

        //防止页面后退

        history.pushState(null, null, document.URL);

    });

}

PS：关于addEventListener与removeEventListener的注意事项可参考: http://www.cnblogs.com/JsonShare/p/6737499.html

关于HTML5 history新特性pushState、replaceState ： http://blog.csdn.net/tianyitianyi1/article/details/7426606

巴特西

js禁止浏览器的回退事件

最新文章

热门文章