jQuery 卸载事件仅适用于关闭窗口，不适用于链接导航

2022-01-15 00:00:00 event-handling jquery ajax javascript-events

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

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});   
    }
});

相关文章