首页 > js如何监听用户的刷新操作?

js如何监听用户的刷新操作?

百度了一下,搜到的代码好像不起作用
搜到的代码如下:

window.onbeforeunload = function() {
    var n = window.event.screenX - window.screenLeft;
    var b = n > document.documentElement.scrollWidth-20;
    if(b && window.event.clientY < 0 || window.event.altKey){
        alert("这是一个关闭操作而非刷新");
        //此处放你想要操作的代码
    }else{
        alert("这是一个刷新操作而非关闭");
    }
} 

上面这段代码我刷新页面或者关闭标签都没有alert,不知道是哪里出了问题?
还有一个问题是,可以做到只监听用户用F5刷新么?直接在地址栏回车不需要监听,该怎么做呢?

补充:只需ChromeSafari可运行即可


题主是刚好踩坑了

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/onbeforeunload


对于设置了缓存日期的js文件来说 输入页面网址和点击链接跳转等行为会直接读缓存,只有刷新才会向服务器发请求,可利用比特性实现刷新后的检测


只监听用户用F5刷新
检测F5的keypress keydown等事件,检测是否被摁下

【热门文章】
【热门文章】