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

  • 相关阅读:
    POJ2155 Matrix 【二维线段树】
    BZOJ4785 [Zjoi2017]树状数组 【二维线段树 + 标记永久化】
    B1027 打印沙漏
    Tomcat无法成功启动——双击startup.bat闪退
    MySQL在cmd命令行查看端口号
    1009 说反话(类似回文字符串)
    除基取余法,
    日期差值
    怎么把VS里的scanf_s换成scanf
    联想小新潮怎么修改fn热键以及怎么进入bios状态
  • 原文地址:https://www.cnblogs.com/zdz8207/p/js-window-onblur-onbeforeunload.html
Copyright © 2011-2022 走看看