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

Question

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

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刷新么？直接在地址栏回车不需要监听，该怎么做呢？

补充：只需Chrome和Safari可运行即可

Answer 1

题主是刚好踩坑了

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

Answer 2

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

Answer 3

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