离开页面提醒功能 (实现博客园离开编辑页面时的提醒功能)

使用过博客园的朋友可能知道,当我们在编辑中,要离开此页面时,(无论是点浏览器右上角的小叉,还是单击页面中任意链接,或者最小化时用鼠标右键点击关闭)都会一个提醒离开的功能!往往在给用户不小心离开页面时造成的编写内容全部丢失的一道保护!如下:

网上有过朋友问过,我在此就发表一篇!
实现当然不用说,客户端的功能,自然是JS实现!
代码如下:

< html >
< script    language =javascript >  
function stoprefresh() 

    
return "you will lose any unsaved content"
}
 

function UnloadConfirm() 
//页面离开后的事件
    alert('离开页面后的一些清理工作……'); 
}


</ script >   
< body >
    
< script >
        
        window.onbeforeunload
=stoprefresh; //注册关闭前的事件
        window.onunload = UnloadConfirm;    //注册关闭后的事件
        
    
</ script >

    
< href  = "http://eflylab.cnblogs.com" > 去楚旋博客 </ a >
</ body >
</ html >
效果:
 
这个功能还是比较实用的,只有一种离开情况无法捕获,就是当用户在任务管理器中 结束浏览器进程时无效!
不过本功能的实质作用是提醒用户不小心离开编辑页面造成的损失,
使用结束进程的方式强制关闭,自然是由自己承担后果
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值