window.onbeforeunload = signout;
function signout(){ if (event.clientY<0){ alert("closed"); } }
在页面被卸载的之前会触发onbeforeunload事件,比如: 页面刷新 表单提交 窗口关闭 浏览器关闭 为了只捕获窗口关闭以及浏览器关闭,需要使用event.clientY event.clientY表示的是当事件触发的时候鼠标所在的点相对于当前网页左上角的相对坐标。 那么为什么要用event.clientY<0的条件进行判断呢?因为只有鼠标点击在当前网页窗口的上方的某个点上的时候, event.clientY才为负数,而窗口上方的点只有关闭按钮被点击的时候才会触发onbeforeunload事件。
不过,这种方法也不是万能的,某些情况下也会失效,比如: 当前浏览器中打开着多个tab页窗口,一个tab页对应一个网页,如果直接点击屏幕右上角的关闭整个浏览器的 按钮, 此时如果浏览器弹出提示窗口,比如提示是否要关闭所有的tab页,而这个提示窗口一般都在屏幕的中间区域显 示,这是 点击确定按钮,浏览器会关闭所有的tab页,进而会触发onbeforeunload事件,但此时获取的event.clientY是个正 数, event.clientY>0。要避免这种情况,只能修改浏览器的设置,让它不弹出提示窗口,直接关闭浏览器。