判断用户的在线状态 onbeforeunload事件_javascript技巧
程序员文章站
2022-03-25 15:08:00
...
获得用户登陆状态不用说了,判断离开的话就有一点问题了,如果说用户都是按照设计者的规定触发退出事件离开的话那就没什么难度了,但是用户的离开方式多种多样,怎么在用户非法离开的时候即时的判断离开呢?最常见的非法离开就是关闭浏览器了。
以上是一个片段,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这个条件可以不要.
复制代码 代码如下:
以上是一个片段,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这个条件可以不要.
上一篇: JS数组去除重复数据
下一篇: js数组去重的4个方法
推荐阅读
-
javascript判断用户浏览器插件安装情况的代码_javascript技巧
-
js中判断用户输入的值是否为空的简单实例_javascript技巧
-
用JavaScript 判断用户使用的是 IE6 还是 IE7_javascript技巧
-
js中判断用户输入的值是否为空的简单实例_javascript技巧
-
JS判断页面加载状态以及添加遮罩和缓冲动画的代码_javascript技巧
-
用JavaScript 判断用户使用的是 IE6 还是 IE7_javascript技巧
-
JavaScript判断用户是否对表单进行了修改的方法_javascript技巧
-
JavaScript判断用户是否对表单进行了修改的方法_javascript技巧
-
javascript判断用户浏览器插件安装情况的代码_javascript技巧
-
JS判断客服QQ号在线还是离线状态的方法_javascript技巧