Question

我正在使用javascript window.onbeforeunload函数在用户尝试离开页面而不提交数据时向用户显示警报。这个功能正常。

问题来自IE（仅限），即使点击内部链接（例如

），window.onbeforeunload事件也会触发

<a class="editlink" onclick="fnEditLink(this);" href="javascript:void(0);" > <img src="/images/newstyle/pencil.png" alt="edit" /> Edit </a>

这是一个内部链接，用于编辑网格行而不进行任何重定向或ajax调用。只是简单地编辑html DOM结构中新创建的行。

这是我在页面中使用的javascript代码：

<script>
var is_clicked = false;
$(document).ready(function(){
    $('#get-a-quote-step2').submit(function(){
        is_clicked = true;
        return validate('get-a-quote-step2');
    });
    $('#skip_step, form input').click(function(){is_clicked = true;});
});

window.onbeforeunload = function() {

    if(!is_clicked)
        return false;
}
is_clicked = false;
<script>

在Firefox上一切正常，但在IE上却产生了问题。我正在使用IE 8测试这些东西，但我猜问题是IE的alll版本。

在我上面的代码中，问题是如果我点击内部链接它将is_clicked标志设置为true然后如果我按下刷新按钮，我就可以重新加载页面而不会询问用户他离开了他会松开所有未保存的数据。

我在想，无论如何都是esp;在JQuery中，以便我们知道某些特定链接是否未被点击，如isNotClicked（）？或者，如果我的问题有任何其他解决方案，我们非常欢迎。

Answer 1

因此，如果您只想阻止某些链接触发onbeforeunload事件，您可以在Click事件声明中简单地返回false ...

<a href="http://google.com">Call unload first and load a page</a>
<a href="javascript:void(0);" id="request">Do an ajax request</a>
<script>
$(document).ready(function(){
    $('#request').click(function(e){
        //do some stuff
        //returning false wil prevent the onbeforeunload event from firing
        //but also will not redirect if the link has an href
        return false;
    });
});
window.onbeforeunload = function(e){
        return 'Want to leave?';
}

</script>

window.onbeforeunload在javascript中

1 个答案: