首页 > 代码库 > beforeunload事件

beforeunload事件

2024-07-15 05:38:34   216人阅读

1.beforeunload事件：

　　beforeunload事件在当页面卸载（关闭）或刷新时调用，事件触发的时候弹出一个有确定和取消的对话框，确定则离开页面，取消则继续待在本页。handler可以设一个返回值作为该对话框的显示文本。

1 window.addEventListener(‘beforeunload‘,handler);
var handler = function(event) {            event = event || window.event;            // 如果内容为空，那么后面就不管了，直接退出            var _isEmpty = function() {                var editorForm = document.getElementById(‘editorForm‘);if (/*表单为空*/) {                    return true;                }                return false;            };            if (_isEmpty()) {                return;            }            var msg = "您确定不保存您的日志内容就离开页面吗？";            event.returnValue = msg;            return msg;        }

以下操作会触发beforeunload事件

　　 ·关闭浏览器窗口 
　　·通过地址栏或收藏夹前往其他页面的时候 
　　·点击返回，前进，刷新，主页其中一个的时候 
　　·点击 一个前往其他页面的url连接的时候 
　　·调用以下任意一个事件的时候：click，document write，document open，document close，window close ，window navigate ，window NavigateAndFind,location replace,location reload,form submit. 
　　·当用window open打开一个页面，并把本页的window的名字传给要打开的页面的时候。 
　　·重新赋予location.href的值的时候。 
　　·通过input type=”submit”按钮提交一个具有指定action的表单的时候。 
　　可以用在以下元素：
　　·BODY, FRAMESET, window
　　平台支持：
　　IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+ 

在页面刷新的情况下不触发该事件：

 

window.onbeforeunload   =   function(){         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   =   "是否关闭？";      }else{             alert("是刷新而非关闭");        }   }

 

 

 

　　


联系
我们