判断用户的在线状态 onbeforeunload事件_javascript技巧-js教程-PHP中文网

判断用户的在线状态 onbeforeunload事件_javascript技巧

php中文网

发布： 2016-05-16 18:09:54

原创

1814人浏览过

获得用户登陆状态不用说了，判断离开的话就有一点问题了，如果说用户都是按照设计者的规定触发退出事件离开的话那就没什么难度了，但是用户的离开方式多种多样，怎么在用户非法离开的时候即时的判断离开呢？最常见的非法离开就是关闭浏览器了。

Motiff妙多

Motiff妙多是一款AI驱动的界面设计工具，定位为“AI时代设计工具”

250

查看详情

复制代码代码如下:

 

<script> <BR>window.onbeforeunload = function() { <BR>if (window.event.clientX>document.body.clientWidth&&event.clientY<0||event.altKey) <BR>{ <BR>alert("浏览器关闭"); <BR>} <BR>else <BR>{ <BR>alert("刷新或者跳转到其他页"); <BR>} <BR>} <BR></script>

以上是一个片段，BODY 的 UNLOAD和onbeforeunload事件会在浏览器清除所加载的信息时被触发，也就是说页面在回送、重定向或被关闭的时候就会触发，通过这个事件加上JAVASCRIPT处理就可以实现非法关闭浏览器也即时统计在线人数了。

但是有个问题，怎么判断用户是关闭还是刷新、回送、重定向呢？

window.event.clientX和window.event.clientY 将捕捉当前事件发生时鼠标相对与窗口的桌面坐标，通常情况下IE的关闭按钮都会在页面的右上部分，所以点关闭的时候鼠标的坐标的Y坐标一定是小于0的，另外，鼠标坐标的X方向上坐标数值会大于窗体宽度，所以，从这两个条件就可以判断鼠标是不是在点关闭按钮引发的onbeforeload事件。
还有一种关闭方法是ALT+F4 ，通过event.altKey就可以判断，事件发生的时候ALT键是不是被按下了，这样也就判断出了是不是时候ALT+F4来关闭窗口。

不过也出现一个问题，当使用一些特殊的左面主题的时候关闭按钮可触发的坐标数值不一定小于窗体宽度，所以，上面例子中的window.event.clientX>document.body.clientWidth这个条件可以不要.

大家都在看：

JavaScript低代码平台_可视化编排引擎设计代码审查：Git Hooks与自动化检查深入理解JavaScript DOM操作：解决动态添加元素不生效的问题 JavaScript代码质量_静态分析工具 JavaScript游戏开发_帧动画与状态管理