说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

Javascript如何检测浏览器关闭了小叉叉

HTML文档下载 WORD文档下载 PDF文档下载
有时候我们需要在浏览器关闭前做一些工作,这就涉及到了关闭事件的检测。

有时候我们需要在浏览器关闭前做一些工作,这就涉及到了关闭事件的检测。

下面是一个很简单的例子:

 

function CheckBrowser(){     // 检测浏览器关闭 [X] , Alt+F4 , 文件 -> 关闭       if(window.event.clientX < 0 && window.event.clientY <0)    {          window.open("Operation.aspx",                 "Operation",'left=12000,top=1200,width=10,height=1');    }}
上面的代码实现了检测事件动作的位置,并打开一个新的窗口。
从Body Unload中挂接上CheckBrowser函数即可。

 

上面的代码实现了检测事件动作的位置,并打开一个新的窗口。

从Body Unload中挂接上CheckBrowser函数即可。

下面我们看一下如何挂接这个事件的例子:
<html><head><title>检测浏览器退出</title><script type="text/javascript" language="Javascript">function DetectBrowserExit(){   alert('退出前想要执行的任务');}window.onbeforeunload = function(){ DetectBrowserExit(); }</script></head><body>检测浏览器退出</body></html>
如果你使用JQuery,则可以这样做:
$(document).ready(function() {    $(window).bind("beforeunload", function(e) {            if (!e) e = window.event;            returnValue = '您真的要关闭吗?';            e.returnValue = returnValue;            return returnValue;    });});
在下面这些浏览器都可以运行:
Internet Explorer
Mozilla Firefox
Google Chrome
Safari
但在某些浏览器,例如Opera中并不支持onbeforeunload,这个时候如果我需要检测表单中内容更改,在关闭窗口前给一个提示,我们可以使用一个叫FormNavigate的JQuery插件,
插件的源代码如下(jquery.FormNavigate.js):
/** * addon by Egor SpirITzzz Dubrovsky (http://spiritzzz.com/) * jQuery.FormNavigate.js * jQuery Form onChange Navigate Confirmation plugin * Browser Compatibility : IE 6.0, 7.0, 8.0; Firefox 2.0+;  Safari 3+; Opera 9+; Chrome 1+; * * Copyright (c) 2009 Law Ding Yong *  * Licensed under the MIT license: * http://www.opensource.org/licenses/mit-license.php * * See the file license.txt for copying permission. */  /**  * Documentation :  * ==================  *  * How to Use:  * $("YourForm").FormNavigate("YourMessage");  *  -- "YourForm" as Your Form ID $("#form") or any method to grab your form  *  -- "YourMessage" as Your onBeforeUnload Prompt Message Here  * Addon:  * $("YourForm").FormNavigate({  *     message: "Message! \n Confirm?",  *     aOutConfirm: "#DivID a.confirm, #DivID2 a"  * });  * aOutConfirm - optional, default - a;  *  * This plugin handles onchange of input type of text, textarea, password, radio, checkbox and file to toggle on and off of window.onbeforeunload event.  * Users are able to configure the custom onBeforeUnload message.  */var global_formNavigate = true;		// Js Global Variable for onChange Flag(function($){    $.fn.FormNavigate = function(options){        window.onbeforeunload = confirmExit;                var defaults = {             message: '',                      aOutConfirm: 'a[target!=_blank][target!=blank]'                 };        var settings = $.extend(false, defaults, options);                 function confirmExit(){              if (global_formNavigate){}            else {                return settings.message;             }        }               if (options.aOutConfirm && options.aOutConfirm != defaults.aOutConfirm){               $(settings.aOutConfirm).each(function(){                $(this+"[target!=_blank][target!=blank]").addClass("aOutConfirmPlugin");                   });            $("a:not([class~='aOutConfirmPlugin'], a[target!=_blank][target!=blank])").click(function(){                    global_formNavigate = true;                   });        }                $(settings.aOutConfirm).click(function(){            if (global_formNavigate == false){                if(confirm(settings.message)){                    global_formNavigate = true;                    return true;                }  else return false;            }        });        $(this).find("input[type=text], input[type='textarea'], input[type='password'], input[type='radio'], input[type='checkbox'], input[type='file']").live('change keypress', function(event){            global_formNavigate = false;        });                $(this+ ":submit").click(function(){            global_formNavigate = true;        });    }})(jQuery);
使用方法举例:
<script type="text/javascript" src="jquery.FormNavigate.js"></script>    <script type="text/javascript">	$(document).ready(function(){        $("form").FormNavigate({            message: "表单已经改变! \n 你真的要关闭本页面吗?",            aOutConfirm: "a.confirm"        });    });    </script><form method="get" enctype="text/plain">    <input value="Input test"/><br /><br />    <textarea>Textarea test</textarea><br /><br />    <input type="submit" value="Send"/></form>

 

 

 

OS X平台上出现窃取比特币的木马 《近匠》第11期:Arrownock——移动社交构建师 面向企业:Google发布iOS版Google Admin应用 Github推出Education平台 师生免费享有微账号 平板的市场依然巨大:应用更丰富,Phablet设备存局限 免费的PCB数据3D转换工具 OBD++ XVL Converter Hadoop Namenode以regular方式启动代码流程分析 走进支撑过8亿用户的Yahoo!数据中心 Napier,一个引领Rackspace14年老兵功成身退 Twitter最新测试版被指仿Facebook的界面设计 成功求职者的自述:如何向应聘企业展示自身价值? 仅用移动开发服务:一分钱不花,开发native应用 苹果员工爆辞职内幕 Windows Phone 8.1被曝光信息汇总 Phaser:开源的HTML5 2D游戏开发框架 HTML5调查:做的好,收入不比iOS差 汽车巨人福特让“数据”说话 基调数据解读2014网购行业的3大变化 测测:用百度Clouda占卜移动互联网 微软的无奈:或允许Android应用运行于Windows平台 如何选择适合自己的编程语言 Google Now新增语音命令:生活简单一点,让爱更近一点 千万美金收购案:GetJar是一家怎样的公司 传苹果与时代华纳等公司合作,推新一代Apple TV 追本溯源 解析“大数据生态环境”发展现状 为Hadoop存储层增加对OpenStack Swift的支持 详解并行逻辑回归 在AWS上使用GPU实现分布式神经网络 大数据时代,看“小数据”如何支持决策 22人15天研发 微信红包系统发起“珍珠港偷袭”的背后 开发产品防脱节,DevOps来帮忙 有没有DOS很熟的仁兄?纯DOS下和WIN NT4.0联网 小小问题!!! 困扰我多时了。。。 sybase 在程序中连接的问题。急,我咨询Sybas公司也不行。 按钮茶馆开张啦,有闲的进来聊天吧~ 小問題 PhoebusApollo(sunny) 你说要开贴,又没分,我有,给你100分,进来领吧!呵呵,不用谢!:) 关于DBGridEh排序的问题,急急急!!! ora-12224错误,tns no listener错误 !在线等待 ,急~! 求助jb9的破解 报表问题,急呀,救命呀~~~55555~~~~ 500分求解决一个问题 在线等待 解决立即给分 2003下为什么我的声卡不能用? 在程式AAA.PRG中如何修改表的字段的類型,比如字段C類型改為N類型??很急!!! 为什么有时候成员函数或变量显示不出来 救命!我在程序中使用webbrowse控件………… 在线等待。 也许是一个很简单的问题! 连接mysql出错 寻关于工控的中英文对照资料 想在暑假打工(计算机方面的)需要什么条件啊? 关于SQL SERVER的疑难问题!来者有分!(在线等待!分数不够可以再加) MTS与线程——高分相赠!!!! 来看看啊,告诉我再哪里下就给分啊~~ 大对象问题,所有书都是这么说的,可是都作不成功? 如何指定tquery中的某一行? 如何通过API发送翻页按键给控件? 在jbuilder 中 不能通过 创建Ejb Tester对EntityBean进行测试吗?SessionBean都可以的 如何在ie中点右键获得这个ie窗口的window Text以及其主框架的URL。 关于Kdevelop开发 大家讨论一下项目负责人到底该赚多少钱(年薪)? ★★★★★如何在文件下载完毕后自动关闭浏览器??★★★★★ #### 关于CWebBrowser控件 #### 兄弟我要做一个网上银行系统,需要做压力测试,各位有过这样的经验吗??怎么来测试,用什么工具来进行并发访问压力测试? 兄弟我要做一个网上银行系统,需要做压力测试,各位有过这样的经验吗??怎么来测试,用什么工具来进行并发访问压力测试? 菜鸟问题,在线等待,如何让JList显示带gif的文字啊? delphi+access 用ADO连接,为什么在SQL语句中用SUM()时,执行出错?送分 为什么我make时,有错误:'class' or 'interface' expected Dreamweaver mx自带的制作下拉菜单的部题? Interbase字段类型有多少,就这些吗??急呀 Sybase:怎样知道本地的哪些数据库文件已经被连接,和连接的DBN,DBF,ENG。无论是Central还是其他应用打开的,我咨询Sybase公司,还不行 请问如何用ASP.NET或ASP发送会议要求和约会 怎么样在网页上插一个FLASH动画呢 小问题,很快结帖 为什么会出InvocationTargetException ***急购vb6.0控件参考,MFC类库大全(上,下),运行库大全(希望) Applet向Servlet发消息,分别发post和get请求,请问该如何实现 请教,DataGrid实现分页后怎么保存 每一页DataGrid里的checkbox的状态 关于多个radiobuttonlist的选择问题。 Server.CreateObject("LyfUpload.UploadFile") 怎样动态的创建ado.net中的dataadapt和dataconnection? 可不可以在微软的中文网站上找到中英文的技术文章,asp是微软的技术吧? |a|=-a |b|=-b |c|=c |d|=d |a|>|b|>|c|>|d| |a|=-a |b|=-b |c|=c |d|=d |a|>|b|>|c|>|d| 比较a、b、c、d、-a、 -b、-c、-d的大小 请问 高一生物必修一中 跟着丝点有关的知识点是什么?看上去有很多很复杂的知识点 我不懂 三分之一加十五分之一加三十五分之一一加到三百二十三分之一怎么算 a.3 b-3 c-2 d-1 一个多边形的内角和为144,求是几边形 请问大家下电脑的哪些硬件容易坏?内存条怎么样 晓得的人说下哈,我在此先谢谢给位朋友了 (1+1/2)×(1-1/2)×(1+1/3)×(1-1/3)×……×(1+1/100)×(1-1/100) 某国领土1平方千米,岛屿1平方千米,滩涂1平方千米,内海1平方千米,领海1平方千米,我国领土面积是对少平方千米(只是一样类型,数字改了,好算) 口艮 是什么字? 肚子与腹部的区别肚胀与腹胀 已知a²b=4,求ab(a^5b^2-a^3b-a)的值 “那艮”是什么字上下结构 肚子跟腹部有什么区别 初三化学酸碱盐练习 答案帮帮忙啊! 问下电脑的哪些硬件容易坏?内存条怎么样 晓得的人说下哈,本人先在此感谢各位朋友炸4 仰卧起坐和卷腹的区别急 碳是各种生物大分子中含量最多的元素吗?RT 白墙上有黑印怎么办啊? 若单项式—x的m次y的8次方与2x的2次方y的3n+2次方的和仍是单项式,则这个和是多少? 当a=178,b=53时,求48a-48b的值 白墙上有很多黑色的裂缝,这是什么东西?用手摸上去感觉没有明显的凹凸感,然后是黑色的,形状自然曲折,有很多,大概一面墙有数十上百条这种线自然相交.用手摸了之后,手上也会有点黑色的 什么是遗传标志? 乱了夏天蓝了海是什么意思?急那要是把这句话用于恋爱方面是什么意思? 怎样除去白墙上的粉笔字墙上被孩子用粉笔画的很乱怎么才能去掉 已知AB=AC,D是AB上一点,DE垂直BC于点E,ED的延长线交CA的延长线于点F,试说明三角形ADF是等腰三角形 想一个乱了夏末蓝了海的情侣网名 怎么样才能更好的帮助贫困地区的孩子们?怎样可以通过正规途道和大家一起去看望孩子们? 白居易的生平事迹 乱了夏天蓝了海什么意思? 一道连线题新鲜猪肉 纯鲜牛奶 咸菜 干蘑菇 干蘑菇1 晒制法 2冷藏法 3巴氏消毒法 4腌制法 5脱水法 已知AB=AC,D是AB上一点,DE垂直BC于E,ED的延长线交CA的延长线于F,试说明三角形ADF是等腰三角形的理由 乱了夏末蓝了海 还有哪些方式可以帮助贫困地区的孩子和老人? 共显性遗传标记是什么? 一个女字旁加上温的右边,这个字怎么念? 我是一个女生,可我就英语擅长,数学正在慢慢进步,我学文可以吧 18题为什么选a,初一数学 SNP是怎么作为遗传标记发挥作用的? 白的韩国字怎么写 现在南昌市初中物理教科书用的是什么版本的啊? 遗传题:选择性标记,反选择性标记Hfr:thr+ leu+ Azs T1s lac+ gal+ strs(供体)F-:thr- leu- Azr T1r lac- gal- strr (受体)选择性标记( thr+ leu+)与反选择性标记( strr )为什么是这样呢? 说一下主板内存槽坏了怎么办 晓得的人说下哈,本人先在此感谢大家店0 什么是非典(80字) 3n分之一是单项式吗? 说一下主板内存槽坏了怎么办 晓得的人说下哈,本人先在此感谢大家延6 非典是什么?《我只看见你的眼睛》里的病毒是非典吗 3n/π是单项式吗快我在线等! 问下大家主板内存槽坏了怎么办 晓得的人说下哈,本人先在此感谢大家雇9 分子遗传标记作图是什么 ? 此图 有什么功能?~~~~ m-3n/2是整式吗?如果是请说明原因并说明是单项式还是多项式.-5a,-ab-xy/3,a的2次方减去2ab,m-3n/2,1-x的2次方/2,m/3+1 问下大家主板内存槽坏了怎么办 晓得的人说下哈,本人先在此感谢大家菌1 遗传标记类型? 海峡出版福州市的,2013用书初中语文双基优化训练 文言文部分答案 自然数除以7的规律是什么自然数除以7后的商是一个循环小数,这个小数的规律是什么? a-b=2 求(c-b)^2×4(b-a)(c-a)的值 多边形每个内角等于150度,求是什么多边形 一个自然数除以7的规律1除以7=0.142857142857. 1+1+2+3+******+100=? 高一生物必修一中的生物大分子有哪些及其基本单位 自然数除以13的规律是什么 国际晚班车:穆尔西坚称仍是埃及合法总法国两名记者马里遇害 已有多名嫌疑人菲外交部呼吁中国香港将人质事件与免签穆尔西出庭坚称仍是埃及合法总统 拒绝温州龙港镇运管所副所长轿车撞人 驾驶年初提出申请年底建成入住 浙江努力破孙杨无证驾驶始末:曾自称有驾照 将被索契圣火雪原传递 小城居民驯鹿雪橇迎世界主要城市11月5日天气预报专访南非副部长:从中国发展看到非洲繁中信泰富在澳投资陷纠纷 或赔29亿元俄国防出口公司:俄近半武器出口均面向纽约地铁推出化妆品贩卖机 可据衣着推安倍2014年1月将访问非洲三国 意叙利亚中部城市发生自杀式炸弹袭击 致数万伊朗抗议者举行“占领美国使馆”集法国两名记者马里遇害 已有多名嫌疑人2013年11月4日外交部发言人洪磊外交部:巴基斯坦的主权和领土完整应当厦门远华“红楼”被辟为职工服务中心英一男子身着纳粹党卫军军装购物 自称“将欲取之,必固与之”,春秋战国两个县城 过亿车队 这车库怎么形容?孙悟空对守天门的天兵天将发脾气,有必5个小故事-除这两件外,家里再无值钱2015年手机前10名都有谁?寒潮来袭 棉服这样搭配保暖战争中的动物:中国的军犬会排队绝色美臀估计也就她们能驾驭了炫酷!《星际迷航》联合中国手机品牌搞红衣搭配吧,你才知道什么叫红颜倾城微电影《情系延安》首映式在京举行寒夜谈鬼:闽东的魈敬礼,解放军哨兵在零下26度坚守岗位年会不比美,让我穿成安静的女神行吗?1979年,中国为何顶着威胁出兵30成功者与失败者的区别是什么?习近平会见美国总统国家安全事务助理赖济南:夜里丢了包 多亏遇到眼尖好司机山东中大生产的感冒清热颗粒 济南市皮怎样在面试时认出坏老板?曼联上次落后两球逆转正是在节礼日
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘