js 判断浏览器关闭事件 兼容所有浏览器

无论是从页签处关闭浏览器,还是关闭整个浏览器窗口,无论是 ie11,火狐,谷歌,苹果,还是ie6,都能兼容的浏览器关闭事件监听

在网上搜索了一天,虽然网上也有之类的代码,但是太繁琐,有时候还不可用。我也是在原有基础上修改的。经过了上述的浏览器测试,如果有不兼容的,欢迎提出意见一起学习。

?




<script type="text/jscript"
src="jquery-1.10.2.min.js"></script>

<script type="text/jscript">

//利用ajax将测试数据保存

function
Ajapost(str){

    $.ajax({

        type:"POST",

        url: "writefile.php?t="+new
Date().getTime(),

        //将获取的热力点保存到文件中

        data:{content:str+"\n"},

        dataType:"text"

    });

}

var
str="";

function
promptOnClose(e){

    // 这里编写关闭后执行的代码:注意,关闭之后js不在运行,所以这里可以用ajax获取数据将数据交给后台处理

    str+="c";Ajapost(str);//保存测试数据

    e = e ? e : windowevent;

}

if(window.Event){//主流浏览器

    str+="a";Ajapost(str);//保存测试数据

    window.onbeforeunload = function(event){

        return
promptOnClose(event);

    }

}else{//非主流浏览器

    str+="b";Ajapost(str);//保存测试数据

    window.onbeforeunload = function(){

        return
promptOnClose(event);

    }

}

</script>

下面是writefile.php

?




<?php

file_put_contents("testMess.txt",$_POST[‘content‘],FILE_APPEND);

?>

testMess.txt,会自动生成,就是所谓的日志文件

转载请保留来源:27g小石头
博客园

js 判断浏览器关闭事件 兼容所有浏览器,布布扣,bubuko.com

时间: 2024-12-25 19:59:55

js 判断浏览器关闭事件 兼容所有浏览器的相关文章

js关闭浏览器窗口及检查浏览器关闭事件

js关闭浏览器窗口,不弹出提示框.支持ie6+,火狐,谷歌等浏览器,下面以一个示例为大家详细介绍下具体的实现方法,感兴趣的朋友可以参考下 js关闭浏览器窗口 js关闭浏览器窗口,不弹出提示框.支持ie6+,火狐,谷歌等浏览器. <html> <head /> <body> <script type="text/javascript"> function closeWin(){ window.opener=null; window.open

js 监控浏览器关闭事件

代码如下: <!DOCTYPE html> <html> <head> <title>监控浏览器关闭事件</title> </head> <style type="text/css"> </style> <body> <div id="create_order"> </div> </body> </html> &

获取IE浏览器关闭事件

//关闭浏览器时才会触发此操作,刷新页面不执行 //n 检测鼠标相对于用户屏幕的水平位置 - 网页正文部分左:求出鼠标在当前窗口上的水平位置(参照:当前窗口右上角为0.0坐标) //m 网页正文全文宽 20这个值是指关闭按钮的宽度 //b=false,鼠标在当前窗口内 水平坐标 //b= true;鼠标在当前窗口外 水平坐标 //y 垂直坐标 y>0鼠标在当前窗口内 ;y<0 鼠标在当前窗口外 //window.event.altKey 当alt键按下时,值为 TRUE ,否则为 FALSE

JS判断是什么设备是什么浏览器-主要用移动页面开发

支持手机上的所有浏览器,下面可在线浏览代码 <!DOCTYPE html><html> <head> <title>JS判断是什么设备是什么浏览器-webkfa.com</title> <meta charset="utf-8"> <meta name="apple-touch-fullscreen" content="YES" /> <meta name=

Web Js判断键盘出发事件

window.document.onkeydown = disableRefresh; function disableRefresh(evt){ evt = (evt) ? evt : window.event if (evt.keyCode) { if(evt.keyCode == 116){ //do something } } } keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode

js的window.onscroll事件兼容各大浏览器

为窗口添加滚动条事件其实非常的简单, window.onscroll=function(){}; 注意在获取滚动条距离的时候 谷歌不识别document.documentElement.scrollTop,必须要加上document.body.scrollTop:即 var scrolltop=document.documentElement.scrollTop||document.body.scrollTop; 这样才能兼容各个浏览器! <!DOCTYPE html PUBLIC "-/

javascript创建css、js,onload触发callback兼容主流浏览器的实现

http://www.fantxi.com/blog/archives/load-css-js-callback/ 由于需要写个函数,既可以加载css,又可以加载js,所以对各主流浏览器对加载js.css后是否触发onload事件做了个测试.当然,为了兼容,首先要考虑的是会用到onload和onreadystatechange,但他们并不是万能的.加载js文件onload触发callback不算大问题.css比较特殊,因为Webkeit/FF下加载css不会触发onload事件.所以研究了一晚上

FLEX监视浏览器关闭事件

在最近开发的一个FLEX项目中对于浏览器关闭时,需要做一些清理工作,该清理工作在正常情况下保证能运行就行了,要求不是太高. 因此在网上找了一些方法,经过实际测试确实可行,记录下来备查. 该方法可以完全不用在JS中写代码,值需要在FLEX中写即可,代码如下: private function insertPageExit():void{ var browerFunc:String = "document.insertScript = function () " +            

PHP和js判断访问终端是否是微信浏览器

js判断是否是微信浏览器 function is_weixin() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { $("#rs").text("微信浏览器"); } else { $("#rs").text("不是微信浏览器"); } } PHP判断是否是微信