zoukankan      html  css  js  c++  java
  • 离开页面提醒功能 (实现博客园离开编辑页面时的提醒功能)(转)

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

    网上有过朋友问过,我在此就发表一篇!
    实现当然不用说,客户端的功能,自然是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>

    效果:
     
    这个功能还是比较实用的,只有一种离开情况无法捕获,就是当用户在任务管理器中 结束浏览器进程时无效!

  • 相关阅读:
    linux目录文件与系统启动(1)系统目录简介
    linux常用命令
    linux命令行
    关于Xshell6无法连接虚拟机centOS7的解决方案
    远程连接服务器和查错
    ip、端口、协议、网关、DNS
    linux分区
    linux系统补丁更新 yum命令
    VMWare网络适配器的三种模式
    springboot 配置springmvc?
  • 原文地址:https://www.cnblogs.com/xingmeng/p/3386589.html
Copyright © 2011-2022 走看看