阻止后退按钮 - 忽略点击按钮

时间:2013-12-18 12:56:35

标签: javascript jquery html

我有一个屏幕,我不希望用户点击后退按钮。现在我正在进行ajax调用以显示该屏幕。上面有一个按钮,当点击事件被触发时我想重定向到主页。这是它。

$.post("<?php echo base_url();?>register/citizen", myobj2, function(data){
    $("body").empty().append(data);
    window.location.hash="no-back-button";
    window.location.hash="Again-No-back-button";
    window.onhashchange=function(){window.location.hash="no-back-button";}
    window.onbeforeunload = function() {
        return "If you leave this page you will have to register again.";
    }
});

在我有的页面上

$(document).ready(function(){
    $("#localfinal").unbind('click').on("click", function(){
        //$().redirect('<?php //echo base_url();?>');
        window.location(<?php echo base_url();?>);           
    });
});

当用户点击该按钮时,我会收到有关离开该页面的消息。相反,我只想重定向到基本网址(主页);

有什么想法吗?

2 个答案:

答案 0 :(得分:1)

重置onbeforeunload处理程序,顺便说一句,我认为你不需要unbind()点击处理程序:

$("#localfinal").on("click", function(){
        window.onbeforeunload = $.noop;
        window.location(<?php echo base_url();?>);           
    });

答案 1 :(得分:0)

试试这个

<SCRIPT type="text/javascript">
window.history.forward();
function noBack() { window.history.forward(); }
</SCRIPT>
 </HEAD>
<BODY onload="noBack();"
onpageshow="if (event.persisted) noBack();" onunload="">