jQuery 卸载事件仅适用于关闭窗口，不适用于链接导航-前端问题

jQuery unload event only for close window not for Link navigation(jQuery 卸载事件仅适用于关闭窗口，不适用于链接导航)

本文介绍了jQuery 卸载事件仅适用于关闭窗口，不适用于链接导航的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我在关闭页面时使用此代码注销用户，但用户在点击其他链接(同一网站)时也会注销:

I am using this code for logging out user when closes the page, but the user will logout also when clicking on other links (same website):

  $( window ).unload(function() {
    $.ajax({url:"?logout&leave=yes", async:false})
  });

有没有办法区分链接导航和真正的页面关闭?

我目前正在实施这个解决方案，但它缺乏检测页面重新加载

I am currently implemented this solution, but it lacks to detect page reload

  $('a').click(function(){
      var url = $(this).attr("href");
      window.onbeforeunload = null;
      $(window).unbind('beforeunload');
      window.location = url;
  });

推荐答案

试试下面的解决方案，希望对你有帮助

Try the following solutions, hope this helps

<script>
$(window).bind('click', function(event) {
    if(event.target.href) 
        $(window).unbind('beforeunload');
});
$(window).bind('beforeunload', function(event) {
    $.ajax({url:"?logout&leave=yes", async:false});
});
</script>

或

var logOutFlag = true;
$('a').click(function(){
    logOutFlag = false;
});
$(window).bind('beforeunload', function(event) {
    if(logOutFlag){
         $.ajax({url:"?logout&leave=yes", async:false});   
    }
});

这篇关于jQuery 卸载事件仅适用于关闭窗口，不适用于链接导航的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！