监听浏览器关闭按钮点击事件 -- 使用JS

转载 2015年11月18日 10:00:24
Onunload与Onbeforeunload
Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。

    Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用。Onunload是无法阻止页面的更新和关闭的。而 Onbeforeunload 可以做到。曾经做一个考试系统,涉及到防止用户半途退出考试(有意或者无意),代码如下:

<script type="text/javascript">
<!--  
window.onbeforeunload = onbeforeunload_handler;
window.onunload = onunload_handler;
function onbeforeunload_handler(){
   var warning="确认退出?";    
return warning;
    }
    
function onunload_handler(){
   var warning="谢谢光临";
   alert(warning);
    }
// -->
</script>

这段代码在FF和IE上都能正确执行.再点击关闭按钮时首先触发obbeforeunload事件,点击否定时不执行onload事件.

通常应用在 注销session等等登陆信息 等方面....  

这里一并推荐一个ActionScript3的好教程: <a href="http://gskinner.com/talks/as3workshop/">http://gskinner.com/talks/as3workshop/</a>

运用onunload事件判断浏览器是刷新还是关闭窗口

function CloseOpen(event) { 
if(event.clientX<=0 && event.clientY<0) { 
alert("关闭"); 

else 

alert("刷新或离开"); 





window.onbeforeunload = function() //author: meizz 
       { 
              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 = ""; //这里可以放置你想做的操作代码 
              } 
       }

监听浏览器关闭按钮点击事件 -- 使用JS

Onunload与Onbeforeunload Onunload,onbeforeunload都是在刷新或关闭时调用,可以在脚本中通过window.onunload来指定或者在里指定。区别在于onb...
  • xufaxi
  • xufaxi
  • 2011年07月31日 10:25
  • 11396

很多人都不知道的监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法

在实际的应用中,我们常常需要实现在移动app和浏览器中点击返回、后退、上一页等按钮实现自己的关闭页面、调整到指定页面或执行一些其它操作的需求,那在代码中怎样监听当点击微信、支付宝、百度糯米、百度钱包等...
  • Mr_Smile2014
  • Mr_Smile2014
  • 2016年07月29日 14:34
  • 34849

HTML页面中点击按钮关闭页面几种方式与取消

HTML页面中如何按关闭按钮直接关闭页面 1、不带任何提示关闭窗口的js代码 2、自定义提示关闭 3、在即将离开当前页面(刷新或关闭)时 4、onload,onunload,onbeforeunloa...
  • xujing19920814
  • xujing19920814
  • 2017年01月15日 14:23
  • 7200

html页面关闭事件

Onunload,onbeforeunload都是在刷新或关闭时调用,可以在脚本中通过window.onunload来指定或者在里指定。区别在于onbeforeunload在onunload之前执行,...
  • MeiX505
  • MeiX505
  • 2014年04月11日 15:05
  • 6300

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

本文实例总结了JS针对浏览器窗口关闭事件的监听方法。 1、onbeforeunload事件:   说明:目前三大主流浏览器中firefox和IE都支持onbeforeunload事件,opera...
  • Zhangxichao100
  • Zhangxichao100
  • 2017年03月01日 16:49
  • 12029

浏览器关闭监听事件,判断刷新还是关闭

使用onunload或onbeforeunload可以监听浏览器关闭事件,但是无法区分关闭与刷新。以下js代码可以部分监听关闭浏览器的事件!   //鼠标相对于用户屏幕的水平位置  - 窗口左上角...
  • fyqcdbdx
  • fyqcdbdx
  • 2011年12月26日 11:14
  • 2312

js监听浏览器关闭事件

html :     test        function RunOnBeforeUnload() {  window.event.returnValue = '关闭浏览器...
  • wangh_2
  • wangh_2
  • 2015年12月08日 23:31
  • 1062

js监听浏览器关闭

  • 2013年08月13日 14:52
  • 10KB
  • 下载

JS 监控浏览器关闭时提醒

var flag = true; window.onbeforeunload = function () { if (flag) { var evt = window.ev...
  • outlook008
  • outlook008
  • 2013年04月05日 23:59
  • 6361

微信浏览器左上角返回按钮的监听

问题描述1:微信开发的时候,在公众号菜单中打开一个H5页面(如:个人中心),在这个页面上的一些操作,经过多次跳转后,点击左上角的返回按钮,发现会原封不动的返回至上一级页面。即 公众号菜单->A->B-...
  • u012720371
  • u012720371
  • 2017年04月26日 14:28
  • 10411
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:监听浏览器关闭按钮点击事件 -- 使用JS
举报原因:
原因补充:

(最多只允许输入30个字)