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("确定离开此页面吗?"); }

  • 相关阅读:
    C#操作REDIS例子
    A C# Framework for Interprocess Synchronization and Communication
    UTF8 GBK UTF8 GB2312 之间的区别和关系
    开源项目选型问题
    Mysql命令大全——入门经典
    RAM, SDRAM ,ROM, NAND FLASH, NOR FLASH 详解(引用)
    zabbix邮件报警通过脚本来发送邮件
    centos启动提示unexpected inconsistency RUN fsck MANUALLY
    rm 或者ls 报Argument list too long
    初遇Citymaker (六)
  • 原文地址:https://www.cnblogs.com/zdz8207/p/js-window-onblur-onbeforeunload.html
Copyright © 2011-2022 走看看