jQuery unload event only for close window not for Link navigation(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 卸载事件仅适用于关闭窗口,不适用于链接导航的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:jQuery 卸载事件仅适用于关闭窗口,不适用于链接导航
基础教程推荐
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- 直接将值设置为滑块 2022-01-01
- Chart.js 在线性图表上拖动点 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01