使用过博客园的朋友可能知道,当我们在编辑中,要离开此页面时,(无论是点浏览器右上角的小叉,还是单击页面中任意链接,或者最小化时用鼠标右键点击关闭)都会一个提醒离开的功能!往往在给用户不小心离开页面时造成的编写内容全部丢失的一道保护!如下:
网上有过朋友问过,我在此就发表一篇!
实现当然不用说,客户端的功能,自然是JS实现!
代码如下:
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
![](/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](/Images/OutliningIndicators/ContractedSubBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](/Images/OutliningIndicators/ContractedSubBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
![](/Images/OutliningIndicators/ExpandedBlockEnd.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
![](/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedBlockEnd.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7839370063af204b1ecd46b81458f742.jpeg)
这个功能还是比较实用的,只有一种离开情况无法捕获,就是当用户在任务管理器中 结束浏览器进程时无效!
不过本功能的实质作用是提醒用户不小心离开编辑页面造成的损失,
使用结束进程的方式强制关闭,自然是由自己承担后果啦
![](https://www.cnblogs.com/Emoticons/QQ/11.gif)