zoukankan      html  css  js  c++  java
  • js捕捉IE窗口失去焦点事件,判断离开页面刷新或关闭的方法

    js捕捉IE窗口失去焦点事件,判断离开页面刷新或关闭的方法

    javascript如何捕捉IE窗口失去焦点事件
    window.onblur = function(e) {
    //you code
    };

    弹框的要控制次数有几种方案,一种是放到cookies里面保存code,会影响到其他文件请求都带上cookies值,用户访问文章多了以后比较影响请求响应。
    另外一种就是在当前页面加个全局变量,一次只弹一次,下次刷新后也只弹一次,当然也可以加个次数的控制。

    ================================================
    一个判断页面是否真的关闭和刷新的好方法:
    window.onbeforeunload=function(event){
    if(event.clientX>document.body.clientWidth && event.clientY < 0 || event.altKey){
    alert("你关闭了浏览器");
    }else{
    alert("你正在刷新页面");
    }
    }
    这段代码就是判断触发onbeforeunload事件时,鼠标是否点击了关闭按钮,或者按了ALT+F4来关闭网页,如果是,则认为系统是关闭网页,否则在认为系统是刷新网页。
    ---------------------------------------
    onbeforeunload与onunload事件
    Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload 来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。
    Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用。Onunload是无法阻止页面的更新和关闭的。而Onbeforeunload 可以做到。

    页面加载时只执行onload
    页面关闭时先执行onbeforeunload,最后onunload
    页面刷新时先执行onbeforeunload,然后onunload,最后onload。

    Jquery实现如何关闭离开页面时提醒

    离开页面提示多般是放到了发新闻或写日志的页面,我们在百度空间或QQ空间在我们未保存信息时如果离开页面都有提示了,下面我来介绍利用jquery的beforeunload来实现此方法。
    jquery离开页面弹出提示代码:
    //绑定beforeunload事件$(window).bind('beforeunload',function(){return '您输入的内容尚未保存,确定离开此页面吗?';});
    //解除绑定,一般放在提交触发事件中$(window).unbind('beforeunload');
    js离开页面提示代码如下:
    window.onbeforeunload = function(event) { return confirm("确定离开此页面吗?"); }

  • 相关阅读:
    BZOJ3196: Tyvj 1730 二逼平衡树
    (转载)你真的会二分查找吗?
    Codeforces Round #259 (Div. 2)
    BZOJ1452: [JSOI2009]Count
    BZOJ2733: [HNOI2012]永无乡
    BZOJ1103: [POI2007]大都市meg
    BZOJ2761: [JLOI2011]不重复数字
    BZOJ1305: [CQOI2009]dance跳舞
    挖坑#4-----倍增
    BZOJ1042: [HAOI2008]硬币购物
  • 原文地址:https://www.cnblogs.com/zdz8207/p/js-window-onblur-onbeforeunload.html
Copyright © 2011-2022 走看看