Firefox中beforeunload事件的实现缺陷浅析_javascript技巧
程序员文章站
2022-05-17 18:27:29
...
beforeunload 指在页面卸载前提供的最后一次JS执行的机会。如下
window.onbeforeunload = function() {
return '您正在编辑的博客尚未保存,确定要离开此页吗?';
};
可以使用返回值文字来提示用户。但只有Firefox中却不显示该文字。
当刷新页面时,各浏览器表现如下
window.onbeforeunload = function(e) {
e = e || window.event;
// For IE and Firefox prior to version 4
if (e) {
e.returnValue = 'Any string';
}
return '您正在编辑的博客尚未保存,确定要离开此页吗?';
};
相关:
https://developer.mozilla.org/en/DOM/window.onbeforeunload
https://bugzilla.mozilla.org/show_bug.cgi?id=588292
复制代码 代码如下:
window.onbeforeunload = function() {
return '您正在编辑的博客尚未保存,确定要离开此页吗?';
};
可以使用返回值文字来提示用户。但只有Firefox中却不显示该文字。
当刷新页面时,各浏览器表现如下
IE:
Chrome:
Firefox12:
Mozilla官方说Firefox4之前的版本可以通过事件对象的returnValue修改该值,如下
复制代码 代码如下:
window.onbeforeunload = function(e) {
e = e || window.event;
// For IE and Firefox prior to version 4
if (e) {
e.returnValue = 'Any string';
}
return '您正在编辑的博客尚未保存,确定要离开此页吗?';
};
相关:
https://developer.mozilla.org/en/DOM/window.onbeforeunload
https://bugzilla.mozilla.org/show_bug.cgi?id=588292
推荐阅读
-
动态创建的表格单元格中的事件实现代码_javascript技巧
-
Firefox中beforeunload事件的实现缺陷浅析_javascript技巧
-
zepto.js中tap事件阻止冒泡的实现方法_javascript技巧
-
Firefox中beforeunload事件的实现缺陷浅析_javascript技巧
-
js捕获鼠标右键菜单中的粘帖事件实现代码_javascript技巧
-
深入浅析JavaScript中对事件的三种监听方式_javascript技巧
-
深入浅析JavaScript中对事件的三种监听方式_javascript技巧
-
动态创建的表格单元格中的事件实现代码_javascript技巧
-
js捕获鼠标右键菜单中的粘帖事件实现代码_javascript技巧
-
关于js中for in的缺陷浅析_javascript技巧