JavaScript中判断页面关闭、页面刷新的实现代码

 更新时间:2014年08月27日 08:50:08   投稿:junjie  
这篇文章主要介绍了JavaScript中判断页面关闭、页面刷新的实现代码,在一些特殊的场合中会用到这个技术,需要的朋友可以参考下

今天由于项目需要判断用户离开页面时要判断用户的行为是关闭还是刷新
虽然没有直接的方法,但通过一定的技巧也能做到
不得不感叹JavaScript的强大!!
请看一下代码:

复制代码 代码如下:

window.onunload = function(){      
        var a_n = window.event.screenX - window.screenLeft;      
        var a_b = a_n > document.documentElement.scrollWidth-20;      
        if(a_b && window.event.clientY< 0 || window.event.altKey){      
                  alert('关闭页面行为');
        }else{
                  alert('跳转或者刷新页面行为');    
            }
}

其实就是通过离开页面行为时间onunload触发时间去检测此时的浏览器的窗口大小,根据大小由此判断用户是刷新,跳转或是关闭行为。

兼容各大浏览器!

相关文章

  • js设置function参数默认值(适合没有传参情况)

    js设置function参数默认值(适合没有传参情况)

    div+css模拟js信息框的类库时遇到一个问题当没有传递参数过去时自动使用提示信息作为窗口标题,具体的实现如下
    2014-02-02
  • js数据类型检测总结

    js数据类型检测总结

    这篇文章给大家分享了js数据类型检测的相关实例内容,有需要的朋友可以测试下。
    2018-08-08
  • JavaScript通过代码调用Flash显示的方法

    JavaScript通过代码调用Flash显示的方法

    这篇文章主要介绍了JavaScript通过代码调用Flash显示的方法,实例分析了JavaScript通过flash插件swfobject.js调用flash显示的具体操作技巧,需要的朋友可以参考下
    2016-02-02
  • 如何将JavaScript将数组转为树形结构

    如何将JavaScript将数组转为树形结构

    我们经常会碰到树形数据结构,比方组织层级、省市县或者者动植物分类等等数据,那么如何将JavaScript将数组转为树形结构,本文就详细的来了解一下
    2021-06-06
  • JavaScript代码异常监控实现过程详解

    JavaScript代码异常监控实现过程详解

    这篇文章主要介绍了JavaScript代码异常监控实现过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-02-02
  • 原生js canvas实现简单贪吃蛇

    原生js canvas实现简单贪吃蛇

    这篇文章主要为大家详细介绍了原生js canvas实现简单贪吃蛇,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-03-03
  • javascript字符串对象常用api函数小结(连接,替换,分割,转换等)

    javascript字符串对象常用api函数小结(连接,替换,分割,转换等)

    这篇文章主要介绍了javascript字符串对象常用api函数,结合实例形式总结分析了javascript常用的连接、替换、分割、转换等相关函数与使用方法,需要的朋友可以参考下
    2016-09-09
  • 前端实现打印功能的两种方法详解

    前端实现打印功能的两种方法详解

    当页面设计好后需要打印出来,如网页的的打印浏览和打印功能,有些公司需要让前端开发好页面打印出来或者转为pdf格式的文档,下面这篇文章主要给大家介绍了关于前端实现打印功能的两种方法,需要的朋友可以参考下
    2023-01-01
  • 原生JS检测CSS3动画是否结束的方法详解

    原生JS检测CSS3动画是否结束的方法详解

    这篇文章主要介绍了原生JS检测CSS3动画是否结束的方法,结合实例形式分析了javascript事件响应及针对css3属性检测相关操作技巧,需要的朋友可以参考下
    2019-01-01
  • html文本框提示效果的示例代码

    html文本框提示效果的示例代码

    在html文本框中显示提示效果,以方便用户的输入,比如在输入姓名时,会自动提示 姓名长度最多16个字符,是不是很酷哦。快来看看吧
    2014-06-06

最新评论