美文网首页前端积累
js监听页面关闭或刷新事件

js监听页面关闭或刷新事件

作者: Y丶小琪 | 来源:发表于2018-03-22 19:52 被阅读7次

需求:在页面关闭的时候监听事件,但是刷新的时候并不执行。

实现:

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) 

      {  //页面关闭

      }else{

          // 页面刷新   

    } 

}

相关文章

  • js监听页面关闭或刷新事件

    需求:在页面关闭的时候监听事件,但是刷新的时候并不执行。 实现: window.onbeforeunload ...

  • jquery监听刷新、关闭页面事件提示事件

    我的博客 jquery页面刷新关闭,提示用户 对于正在编辑的内容,可以添加一个这样的事件,来给用户一定的提示,当点...

  • 捕获窗口关闭、刷新事件

    参考 js实现关闭浏览器时提示用户是否保存信息用js判断页面刷新或关闭的方法(onbeforeunload与onu...

  • JS - 单页面无限加载页面

    DEMO功能: 实现听过滚动无限刷新增添新元素 监听 scroll 事件 通过监听 scroll 事件,在页面滚动...

  • vue区分页面关闭和刷新

    首先我们要了解关闭和刷新所用到的事件 页面加载时只执行onload页面关闭时只执行onunload页面刷新时先执行...

  • 浏览器关闭或刷新事件监听

  • browser-sync + gulp

    /** * gulpfile.js 一个简单的文件监听变化 刷新页面的gulpfile.js配置 *@author...

  • js关闭页面事件

    百度了很多都是onunload ,beforeunload的等等 用了都是失败 不知道为什么就很奇怪 原来如果只要...

  • 2018-08-23

    页面事件处理函数onPullDownRefresh()监听用户下拉刷新事件。 需要在app.json的[windo...

  • 开发小记

    开发小记 禁止页面滚动 js jquery 监听input的输入事件 绑定input事件的时候我发现...

网友评论

    本文标题:js监听页面关闭或刷新事件

    本文链接:https://www.haomeiwen.com/subject/cqrzqftx.html