onbeforeunload事件之fireFox、IE、chrome

最近做一个关闭浏览器时的退出操作,需要用到onbeforeunload事件,为了兼容当前的主流浏览器,于是对代码做了验证。

在验证ie和chrome时,onbeforeunload事件都顺利的被触发了,就是FireFox浏览器,一直对onbeforeunload事件视而不见。无论刷新还是关闭,都没有一点反应。

Firefox中使用的代码如下

window.onbeforeunload = function() {
alert(12);
}

后来无意中改为了

window.onbeforeunload = function() {
return 123;
}

结果就顺利的触发到了onbeforeunload事件,于是在任务继续下去的过程中得出如下的疑问,希望有谁可以解决或解惑

1.匿名函数中为什么不能有alert语句(可能和浏览器有关)

window.onbeforeunload = function() {
alert(12);
return 123;
}//此时onbeforeunload事件就不起作用了

不过可以有console.log语句

window.onbeforeunload = function() {
console.log(12);
return 123;

}//这种情况是可以触发的


同时事件处理函数中是可以运行函数的

window.onbeforeunload = function() {
return aa();  //此处的return语句不可以缺,如果只执行aa,没有返回值,则这个事件还是不能触发
}
function aa() {
console.log(123);
return 12;
}

根据这些情况,由此就联想到实践中的return语句到底有什么作用

2.事件中的return语句

JAVASCRIPT在事件中调用函数时用return返回值实际上是对window.event.returnvalue进行设置。

而该值决定了当前操作是否继续。
当返回的是true时,将继续操作。
当返回是false时,将中断操作。

如果只return; 则表示返回空(null)。

事件中有一个属性,这个属性可能决定事件是否继续向下执行(包括默认的动作)。而这个值就是由return语句设定的。不设定的话是执行默认动作的,设定为false的话就不执行了。(大概是这么个意思)













  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值