zoukankan      html  css  js  c++  java
  • Js/Jquery 关闭 离开或刷新当前页面时提醒,和执行解绑取消提醒

    如图,现在的 cnblogs 或者QQ邮箱编辑页面,刷新、关闭提醒:

        <script src="../../Common/Js/jquery-1.8.1.min.js"></script>
       
        <script language="JavaScript">
    
         //当编辑内容改变时执行: $(window).bind(
    'beforeunload',function(){return '------------------------------------------------ 提示:未保存的内容将会丢失。 ------------------------------------------------';}); //点发送按钮时执行:
    function SendMail(){ console.log(
    "发送...... 成功,马上关闭"); $(window).unbind('beforeunload');//这个是取消提醒 /* window.opener=null; window.open('','_self'); window.close();*/ location.reload(); } </script>

     JS版:

    <script language ="javaScript">  
    <!--关闭浏览器 -->  
    var flag = true;  
    window.onbeforeunload = function () {  
        if (flag) {  
           var evt = window.event || arguments[0];  
           var userAgent = navigator.userAgent;  
           if (userAgent.indexOf("MSIE") > 0) {  
               var n = window.event.screenX - window.screenLeft;  
               var b = n > document.documentElement.scrollWidth - 20;  
               if (b && window.event.clientY < 0 || window.event.altKey) {  
                   window.event.returnValue = ("该操作将会导致非正常退出系统(正确退出系统方式:点击退出系统按钮),您是否确认?");  
               }else {  
                   return ("该操作将会导致非正常退出系统(正确退出系统方式:点击退出系统按钮),您是否确认?");  
               }  
           }else if (userAgent.indexOf("Firefox") > 0) {  
                   return ("该操作将会导致非正常退出系统(正确退出系统方式:点击退出系统按钮),您是否确认?");  
           }  
        }  
    }  
    </script>  

    .

  • 相关阅读:
    【力扣】11. 盛最多水的容器
    T-SQL 学习笔记 Chapter 6 子查询、表表达式 和排名函数 (一)
    忽然发现只是虚长了年岁,莫名的伤感。
    Gridview 多重表头 (二)
    那些 Cynthia 教我的事 之 PMSec (三)
    那些 Cynthia 教我的事 之 PMSec (二)
    那些 Cynthia 教我的事 之 PMSec (一)
    Gridview 多重表头 (一)
    项目总结之SSI (一)
    项目总结之MIT (一)
  • 原文地址:https://www.cnblogs.com/xiangsj/p/6273614.html
Copyright © 2011-2022 走看看