`
nesta13
  • 浏览: 114180 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Javascript控制onbeforeunload刷新还是关闭时间

阅读更多

最近,项目中需要做一个关闭IE窗口前的提示事件。

 

网上寻找了一下这方面:

 

其实就是一个onbeforeunload方法的问题

 

对于右上角的关闭来说,使用onbeforeunload来调用函数就可以了

 

可是对于在页面上做关闭窗口事件呢,这也是一个小小问题,其实就是再做一个js函数,直接使用window.close()就可以了,它会在IE窗口关闭前,调用onbeforeunload事件。

 

但是onbeforeunload有个小毛病,就是页面刷新时,他还是会调用到onbeforeunload,为什么?其实刷新就相当于关闭了这个IE再重新打开的意思,因此还是会调用到onbeforeunload。

 

究竟怎么解决刷新不调用onbeforeunload呢?

 

网上提供很多方法,本人觉得最实用还是以下这段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("是关闭而非刷新");   
          window.event.returnValue   =   "是否关闭?";
      }else{
             alert("是刷新而非关闭");   
     }   
}

 

分享到:
评论

相关推荐

    基于JavaScript判断浏览器到底是关闭还是刷新(超准确)

    //页面刷新时,刷新之前执行onbeforeunload事件,在新页面即将替换旧页面时onunload事件,最后onload事件。 //页面关闭时,先onbeforeunload事件,再onunload事件。 //对于火狐: //页面刷新时,只执行onunload;...

    用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)

    Onunload,onbeforeunload都是在刷新或关闭时调用,可以在[removed]脚本中通过[removed]来指定或者在&lt;body&gt;里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。 Onbeforeunload...

    javascript Onunload与Onbeforeunload使用小结

    Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用。Onunload是...

    浅谈javascript中onbeforeunload与onunload事件

    在最近的项目中,需要做到一个时间,就是用户离开...onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发。 该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。 对话框默认的提示信息根据不

    javascript监听页面刷新和页面关闭事件方法详解

    这里就给大家讲讲javascript的onbeforeunload()和onunload()两个事件。 相同点: 两者都是在对页面的关闭或刷新事件作个操作。 不同点: unbeforeunload()事件执行的顺序在onunload()事件之前发生。(因为,...

    Vue监听页面刷新和关闭功能

    我在做项目的时候,有一个需求,在离开(跳转或者关闭)...所以还是要借助 onbeforeunload 事件。 顺便复习了一下 JavaScript 中的一些加载,卸载事件: 页面加载时只执行 onload 事件。 页面关闭时,先 onbefo

    javascript函数的解释

    javascript函数的解释,解释了具体函数的功能,一、函数JavaScript函数集合 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document-&gt;html-&gt;(head,body) 4.一个浏览器窗口中的DOM顺序是:...

    分享JavaScript获取网页关闭与取消关闭的事件

    在做Web开发时,我们经常用到页面关闭事件onbeforeunload,可以给用户一个选择放弃关闭的机会,就比如这个博客编辑器。如果用户选择了离开,那么onunload事件自然会触发;但若用户选择了取消,又该如何检测呢? 我们...

    JS针对浏览器窗口关闭事件的监听方法集锦

    本文实例总结了JS针对浏览器窗口关闭事件的监听方法。分享给大家供大家参考,具体如下: 方式一:(适用于IE浏览器,而且刷新不提示,只在点击浏览器关闭按钮的时候提示) ...方式二:适用于IE和FF,不区分刷新和关闭

    JavaScript实现离开页面前提示功能【附jQuery实现方法】

    而且这个事件还是关闭之后才会触发的。 取而代之可以用onbeforeunload去实现。 onbeforeunload可以在用户关闭或刷新窗口、或者点击本页内的任何超级链接都会触发的。 其JavaScript代码如下: [removed] [removed]=...

    javascript在当前窗口关闭前检测窗口是否关闭

    在当前窗口关闭前,检测当前窗口是否关闭 &lt;pre name=code class=html&gt;&lt;pre name=code class=html&gt;&lt;HTML&gt;&lt;HEAD&gt; [removed] [removed]=function(event){ alert&#40;222&#41;; //这里IE9会执行,CHROME不会...

    js实现关闭网页出现是否离开提示

    大家是否经常遇到在关闭网页的时候,会看到一个确定是否离开当前页面的提示框?想一些在线测试系统、信息录入系统等就经常会有这一些提示,避免用户有意或者无意中关掉了页面,导致数据丢失。这里面的实现过程很简单...

Global site tag (gtag.js) - Google Analytics