精华内容
下载资源
问答
  • 有个需求是在用户离开页面(刷新或者关闭)时保存当前工作状态。我决定把当前工作状态存到COOIKE中.记录一下js操作Cookie和事件响应 Js代码 : functionsetCookie(name,value){ varDays=30; varexp=newDate()...

    有个需求是在用户离开页面(刷新或者关闭)时保存当前的工作状态。我决定把当前工作状态存到COOIKE中.记录一下js操作Cookie和事件响应

     

    Js代码 : 
    1. function setCookie(name,value){  
    2.         var Days = 30;  
    3.         var exp = new Date();  
    4.         exp.setTime(exp.getTime() + Days*24*60*60*1000);  
    5.         document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();  
    6.     }  
    7.     //读取cookies  
    8.     function getCookie(name){  
    9.         var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");  
    10.         if(arr=document.cookie.match(reg))  
    11.         return (arr[2]);  
    12.         else  
    13.             return "";  
    14.     }  

     

     下面是事件监听代码:
    Js代码 : 
    1. function onbeforeunload_handler(){  
    2.         alert("页面即将关闭")  
    3.     }  
    4.            //全局 设置  
    5.     window.onbeforeunload = onbeforeunload_handler
    6. //原文来自站长网www.software8.co/

    转载于:https://www.cnblogs.com/wwwroot/archive/2013/01/06/2847711.html

    展开全文
  • **功能需求:**前端在关闭页面触发事件请求后台进行类似日志记录东西,或者保存当前页面某些数据 解决方法: 1.使用window.onbeforeunload window.onbeforeunload = function() { // dosomething } 2.使用window...

    功能需求: 前端在关闭页面时触发事件请求后台进行类似日志记录的东西,或者保存当前页面某些数据
    解决方法:
    1.使用window.onbeforeunload
    window.onbeforeunload = function() {
    // dosomething
    }
    2.使用window.addEventListener监听beforeunload事件
    window.addEventListener(‘beforeunload’, function() {
    // dosomething
    });
    注意: 使用时需要使用同步请求,或者可以尝试使用confirm或者event.preventDefault()阻断页面关闭事件
    问题: 个人使用时为google 88.0.4324.96版本,同样代码打开偶尔会有阻断不了的情况,查阅资料时发现谷歌准备禁用beforeunload事件,下面是关于这个的截图
    谷歌版本截图:
    在这里插入图片描述
    谷歌features截图:
    谷歌浏览器表示即将禁用掉同步XHR请求,同时类似confirm的阻断事件也将不被执行
    谷歌features翻译截图:
    谷歌浏览器表示即将禁用掉同步XHR请求,同时类似confirm的阻断事件也将不被执行

    新手上路,如有问题,还请各位大佬不吝指教!

    展开全文
  • JS监听关闭浏览器事件 1、Onunload与Onbeforeunload区别: ①Onunload,onbeforeunload都是在刷新或关闭时调用,可以在②Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时...

    JS监听关闭浏览器事件
    1、Onunload与Onbeforeunload区别:
    ①Onunload,onbeforeunload都是在刷新或关闭时调用,可以在

    ②Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用。Onunload是无法阻止页面的更新和关闭的。而 Onbeforeunload 可以做到。
    ③曾经做一个考试系统,涉及到防止用户半途退出考试(有意或者无意),代码如下:

    <script type="text/javascript">  
    <!--    
        window.onbeforeunload = onbeforeunload_handler;  
        window.onunload = onunload_handler;  
        function onbeforeunload_handler(){  
            var warning="确认退出?";          
            return warning;  
        }  
          
        function onunload_handler(){  
            var warning="谢谢光临";  
            alert(warning);  
        }  
    // -->  
    </script>  
      
    <script type="text/javascript">
    <!--
    window.onbeforeunload = onbeforeunload_handler;
    window.onunload = onunload_handler;
    function onbeforeunload_handler(){
        var warning="确认退出?";   
    return warning;
        }
       
    function onunload_handler(){
        var warning="谢谢光临";
        alert(warning);
        }
    // -->
    </script>
    

    这段代码在FF和IE上都能正确执行.再点击关闭按钮时首先触发obbeforeunload事件,点击否定时不执行onload事件.

    这段代码在FF和IE上都能正确执行.再点击关闭按钮时首先触发obbeforeunload事件,点击否定时不执行onload事件.通常应用在 注销session等等登陆信息 等方面…

    2、运用onunload事件判断浏览器是刷新还是关闭窗口。

    function CloseOpen(event) {
    if(event.clientX<=0 && event.clientY<0) {
    alert("关闭");
    }
    else
    {
    alert("刷新或离开");
    }
    }
    Java代码
    window.onbeforeunload = function() //author: meizz   
           {   
                  var n = window.event.screenX - window.screenLeft;   
                  var b = n > document.documentElement.scrollWidth-20;   
                  if(b && window.event.clientY < 0 || window.event.altKey)   
                  {   
                         alert("是关闭而非刷新");   
                         window.event.returnValue = ""; //这里可以放置你想做的操作代码   
                  }   
           }
    
    展开全文
  • JS监听关闭浏览器事件关键字: js监听关闭浏览器事件Onunload与OnbeforeunloadOnunload,onbeforeunload都是在刷新或关闭时调用,可以在脚本中通过window.onunload来指定或者在里指定。区别在于onbeforeunload在...

    JS监听关闭浏览器事件

    关键字: js监听关闭浏览器事件

    Onunload与Onbeforeunload

    Onunload,onbeforeunload都是在刷新或关闭时调用,可以在

    Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用。Onunload是无法阻止页面的更新和关闭的。而

    Onbeforeunload 可以做到。曾经做一个考试系统,涉及到防止用户半途退出考试(有意或者无意),代码如下:

    Java代码

    onbeforeunload_handler; window.onunload =

    onunload_handler; function

    onbeforeunload_handler(){ var

    warning="确认退出?"; return warning; } function

    onunload_handler(){ var warning="谢谢光临"; alert(warning); } // --> 

    Java代码

    这段代码在FF和IE上都能正确执行.再点击关闭按钮时首先触发obbeforeunload事件,点击否定时不执行onload事件.

    这段代码在FF和IE上都能正确执行.再点击关闭按钮时首先触发obbeforeunload事件,点击否定时不执行onload事件.Java代码

    通常应用在 注销session等等登陆信息 等方面....

    这里一并推荐一个ActionScript3的好教程: http://gskinner.com/talks/as3workshop/写道

    运用onunload事件判断浏览器是刷新还是关闭窗口

    写道

    function CloseOpen(event) {

    if(event.clientX<=0

    && event.clientY<0)

    {

    alert("关闭");

    }

    else

    {

    alert("刷新或离开");

    }

    }

    Java代码

    window.onbeforeunload = function() //author:

    meizz { var n = window.event.screenX -

    window.screenLeft; var b = n >

    document.documentElement.scrollWidth-20; if(b && window.event.clientY

    < 0 ||

    window.event.altKey) { alert("是关闭而非刷新"); window.event.returnValue = "";

    //这里可以放置你想做的操作代码 } }

    展开全文
  • 页面加载时只执行onload 页面关闭时只执行onunload 页面刷新时先执行...- 页面刷新时,刷新之前执行onbeforeunload事件,在新页面即将替换旧页面时onunload事件,最后onload事件。 - 页面关闭时,先onb...
  • 关闭页面的时候如何触发JS事件

    千次阅读 2013-04-26 09:52:47
    function bindunbeforunload(){  window.onbeforeunload=perforresult;  //window.onbeforeunload 表示.用户关闭浏览器或者是当前网页前执行操作.... 当页面关闭时操作内容  如   return 信息;
  • JS实现在页面关闭或刷新时触发特定的事件 <script type="text/javascript"> window.onbeforeunload = function() { var n = window.event.screenX - window.screenLeft; var b = n > document....
  • 做圆桌爆文公众号时候,需要对阅读文章进行时间...功能点是,关闭页面触发事件,请求后台,把阅读时间记录下来。 技术段: 1 //原生写法 2 window.onbeforeunload = function(event) { 3 return conf...
  • 刚写了一个关闭网页时触发一...上面的js代码是写在jsp文件上,在ie8浏览器,关闭浏览器时就是无法触发onunload事件执行closeWindow方法,网上找不到好解决方法!除了ie浏览器以外其他浏览器都是可以正常执行
  • Onunload,onbeforeunload都是在刷新或关闭时调用,可以在脚本中通过...Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从服...
  • 当用户退出页面时(页面关闭页面刷新等),触发onUnload事件,同时执行被调用程序。 注意:不同浏览器对onunload事件支持不同。 如下代码,当退出页面时,弹出对话框“您确定离开该网页吗?”。 ...
  • Onunload与OnbeforeunloadOnunload,onbeforeunload都是在刷新或关闭时调用,可以在脚本中通过window.onunload来...Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,...
  • js页面刷新或关闭beforeunload事件

    千次阅读 2019-02-16 16:35:34
    beforeunload事件在当前页面关闭或刷新时调用; jquery离开页面弹出提示代码 //绑定beforeunload事件 $(window).bind('beforeunload',function(){ return '您输入内容尚未保存,确定离开此页面吗?'; }); //...
  • iview路由关闭页面触发事件上代码before-close.js文件里部分内容表单页 部分内容 上代码 这是routers.js文件 beforeCloseName: (-) 设置该字段,则在关闭当前tab页时会去’@/router/before-close.js’里寻找该字段...
  • javascript 点击按钮触发事件使用onclick()点击事件触发。设计一个功能页面,HTML代码如下。设计功能函数,实现上图中赋值功能。给按钮绑定上述函数,点击实现点击后执行start(),再次点击关闭start(),思路是在...
  • 主流的浏览器都支持onbeforeunload事件(即页面卸载前触发的事件),而现在大多网站都用到了此功能
  • 有一个需求,当用户在页面中进行刷新和关闭页面的时候显示一个弹框提示用户功能。 于是自己就想到onbeforeunload、onunload、onload这几个事件,但是在使用过程中有种心累感觉。。。 onbeforeunload:在页面...
  • 有一个需求,当用户在页面中进行刷新和关闭页面的时候显示一个弹框提示用户功能。于是自己就想到onbeforeunload、onunload、onload这几个事件,但是在使用过程中有种心累感觉。。。onbeforeunload:在页面刷新和...
  • 当窗口即将被卸载(关闭)时,会触发事件.此时页面文档依然可见,且该事件的默认动作可以被取消。 事件创建 <body onbeforeunload="fun()"></body> window.onbeforeunload=function(){fun();}; window....
  • JS 浏览器关闭事件

    2013-05-06 17:25:00
    JS判断页面刷新、关闭标签页、关闭浏览器,关闭页面之前操作方法 这几天在想一个问题,就是用户登录时,使用session保存用户登录数据和时间,那用户退出时候怎么能得到该用户退出时间呢?? 因为用户可能不是使用...
  • 点击父页面tab 页关闭按钮时,需要做判断,判断该tab页面是否可以关闭:获取子页面js中定义taskStatus,如果taskStatu不为taskEnd,则表示任务还在执行,不让关闭 解决方法 给tab标签页增加onBeforeClose事件处理...
  • jQuery离开页面弹出提示代码 ...return '您输入内容尚未保存,确定离开此页面吗?'; }); //解除绑定,一般放在提交触发事件中 $(window).unbind('beforeunload'); js离开页面提示window.onbeforeunload =
  • 大家是否经常遇到在关闭网页时候,会看到一个确定是否离开当前页面的提示框?想一些在线测试系统、信息录入系统等就经常会有这一些提示,避免用户有意或者无意中关掉了页面,导致数据丢失。这里面实现过程很简单...
  • 前言前端代码离不开浏览器环境,理解 js、css 代码如何在浏览器中工作是非常重要。如何优化渲染过程中回流,重绘?script 脚本在页面中是怎么个加载顺序?了解这些对前端性能优化起着非常大作用。借着这篇文章...

空空如也

空空如也

1 2 3 4 5 ... 9
收藏数 164
精华内容 65
关键字:

js关闭页面触发的事件