监听浏览器关闭按钮点击事件 -- 使用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 = ""; //这里可以放置你想做的操作代码 
              } 
       }

相关文章推荐

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

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

js控制浏览器关闭按钮

Onunload与Onbeforeunload Onunload,onbeforeunload都是在刷新或关闭时调用,可以在脚本中通过window.onunload来指定或者在里指定。区别在于onb...

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

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

JS监控手机或APP返回事件

做微信项目的时候,发现在Ios微信浏览器左上角有个返回按钮,但是点击返回时不稳定,跳到不该跳的页面。网上搜了一个捕获返回事件的JS代码,记录下来,便于以后查看。 //监听浏览器或手机返回按钮事件 ...

今天终于开始了!

日!刚写了半天,突然压了个后退键,文章全没了,就是剩个标题了!!!……重新写!早就想发布自己的“部落格”了,终于在今天实现!~每天早晨起床的时候,总觉得有好多话要说,好多事要做,可真到了白天,就又什么...

JS监听手机端浏览器的后退按钮的事件方法

转载地址:http://www.jb51.net/article/89921.htm 首先我们要了解浏览器的history。 大家知道在页面中我们可以使用javascript window...

利用js实现 禁用浏览器后退

现在很多的内部系统,一些界面,都是用户手动点击退出按钮的。但是为了避免,用户误操作 点击浏览器后退,或者用鼠标手势后退什么的。容易出现误操作。        所以在有些页面上,适当的禁用浏览器的后退...

js控制浏览器后退按钮

var guanzhu ='http://www.xxx.com'; window.onhashchange = function () { location....

利用js代码模拟浏览器后退、前进、刷新

通过一组js代码实现浏览器的后退、前进、刷新功能,非常适用于文章浏览页,使浏览者很方便的到达某一个位置。其实就是利用了javascript的hostory属性,后退一页,前进一页及刷新,都是由go后边...

Android中三种方法监听按钮点击事件

这是一个慕课网Android攻城狮的第一门课(入门篇)中内容的实践,三种监听方法分别为匿名内部类监听,外部类监听,接口方式监听 匿名内部类监听点击事件 这种方法比较常用,适用于设置某个按钮单独的点...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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