最近做一个关闭浏览器时的退出操作,需要用到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语句设定的。不设定的话是执行默认动作的,设定为false的话就不执行了。(大概是这么个意思)