recherche

Maison  >  Questions et réponses  >  le corps du texte

javascript - 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可运行即可

PHP中文网PHP中文网2897 Il y a quelques jours249

répondre à tous(3)je répondrai

  • 高洛峰

    高洛峰2017-04-10 17:03:11

    题主是刚好踩坑了

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

    répondre
    0
  • 高洛峰

    高洛峰2017-04-10 17:03:11

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

    répondre
    0
  • 黄舟

    黄舟2017-04-10 17:03:11

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

    répondre
    0
  • Annulerrépondre