精华内容
下载资源
问答
  • 使用javascript实现监听页面的刷新与关闭,可在用户刷新或关闭窗口时执行相关操作。
  • JS监听页面关闭

    千次阅读 2017-01-12 19:13:00
    JS可以监听浏览器页面关闭,主要使用了window对象的onbeforeunload方法 在以前(旧版本的浏览器中),可以自定义提示文案 window.onbeforeunload = function (e) { var message = 'some word'; e = e || ...

    JS可以监听浏览器页面的关闭,主要使用了window对象的onbeforeunload方法

    在以前(旧版本的浏览器中),可以自定义提示文案

    window.onbeforeunload = function (e) {
        var message = 'some word';
        e = e || window.event;
    
        if (e) {
            e.returnValue = message;
        }
    
        return message;
    };

    但在新版本的浏览器中,为了安全性,已经不支持自定义弹窗

    诸如自定义实现“用户离开页面,弹窗自定义提示是否离开,点击取消不离开,点击确认离开后离开页面”的需求已无法实现

    能做的,只是调用浏览器自带的提示确认窗格

            window.onbeforeunload = function(e) {
                    console.log('beforeunload')
                    return 1;
                };

    目前来说,只能这样控制是否显示系统的页面离开确认。

    要注意的是,只有以下情况不会弹出确认窗格

    • 不return
    • return;
    • return undefined;
    • return null;

    而返回其他任意值都会弹出,如

    • return '';
    • return false;
    • return 0;
    • return 1; 等等

    在Chrome中

    在FireFox中

    在IE中

    可以看到,在IE中还支持显示离开的提示信息“hh”

     

    展开全文
  • 在我们的日常生活中,时常遇到这么一种情况,当...(因为,unbeforeunload()是在页面刷新之前触发的事件,而onubload()是在页面关闭之后才会触发的)。 unbeforeunload()事件可以禁止onunload()事件的触发。 onunlo
  • js监听页面关闭或刷新

    万次阅读 2018-03-22 19:54:05
    需求:在页面关闭的时候监听事件,但是刷新的时候并不执行。实现:window.onbeforeunload = function(){ var n = window.event.screenX - window.screenLeft; var b = n > document....

    需求:在页面关闭的时候监听事件,但是刷新的时候并不执行。

    实现:

    window.onbeforeunload = function(){

          var  n  =  window.event.screenX  -  window.screenLeft; 

          var  b  =  n  >  document.documentElement.scrollWidth-20; 

          if(b  &&  window.event.clientY  <  0  ||  window.event.altKey) 

          {  //页面关闭

          }else{

              // 页面刷新   

        } 

    }


    展开全文
  • 我在做项目的时候,有一个需求,在离开(跳转或者关闭)购物车页面或者刷新购物车页面的时候向服务器提交一次购物车商品数量的变化。 将提交的一步操作放到 beforeDestroy 钩子函数中。... 页面关闭时,先 onbefo
  • 主要介绍了JS针对浏览器窗口关闭事件的监听方法,总结整理了几种常用的浏览器关闭事件监听方法,非常简单实用,需要的朋友可以参考下
  • js监听浏览器关闭

    2013-08-13 14:52:33
    浏览器是客户端,客户端的操作服务器是监听不到的,所以可以用js监听js代码监听浏览器关闭或者刷新
  • 功能要求:关闭页面时,后台执行自定义操作。 具体要求:用户关闭网页时,自动在后台清除其登录信息。 长话短说,show code! 前端javascript代码,具体onbeforeunload和onunload区别不再赘述: window....

    功能要求:关闭页面时,后台执行自定义操作。
    具体要求:用户关闭网页时,自动在后台清除其登录信息。
    长话短说,show code!

    前端javascript代码,具体onbeforeunload和onunload区别不再赘述:

             window.onbeforeunload = onbeforeunload_handler;
            function onbeforeunload_handler() {
                $.post(contentPath + "Login/CloseWindow");
            }
    

    后台相应代码:

    	@ResponseBody
        @RequestMapping(value = "/CloseWindow", method = RequestMethod.POST, produces = MediaType.APPLICATION_JSON_UTF8_VALUE)
        public void closeWindow(HttpServletRequest request){
            String username = SystemInfo.getCurrentUserId();
            BaseUser userEntity = baseUserBLL.CheckLogin(username);
            ServletContext application = request.getSession().getServletContext();
            Map<String, String> loginMap = (Map<String, String>) application.getAttribute("loginMap");
            loginMap.remove(userEntity.getAccount());
    
        }
    
    展开全文
  • js实现监听浏览器关闭和刷新事件支持三大浏览器,点击直接看效果
  • JS 监听 关闭浏览器事件
  • js监听浏览器离开和关闭页面操作

    千次阅读 2019-10-30 13:16:25
    或者想执行些别的操作,想一些在线测试系统、信息录入系统等就经常会有这一些提示,避免用户有意或者无意中关掉页面,导致数据丢失。这里面的实现过程很简单: mounted() { window.addEventListener('unload...

    大家是否经常遇到在关闭网页的时候,会看到一个确定是否离开当前页面的提示框?或者想执行些别的操作,想一些在线测试系统、信息录入系统等就经常会有这一些提示,避免用户有意或者无意中关掉了页面,导致数据丢失。这里面的实现过程很简单:

     

     mounted() {
        window.addEventListener('unload', function() {
          //窗口关闭后
          localStorage.setItem('closeTestData1', new Date());
        });
        window.onunload = function() {
          //窗口关闭后
          localStorage.setItem('closeTestData2', new Date());
        };
    
        window.addEventListener('beforeunload', function(e) {
          //窗口关闭前
          return (e.returnValue = '确认要关闭当前窗口?');
        });
        window.onbeforeunload = function() {
          //窗口关闭前
          return '确认要关闭当前窗口?';
        };
      },

     

    展开全文
  • 困难在于链接的目标页面的js不在本系统,只能通过监听页面关闭,再回刷原页面。 实现思路 通过对象监听方式实现。将链接的目标页面作为对象监听,监听该对象是否关闭,同时判断是否回刷原页面。 附上Vue.js代码 ...
  • 2、监听页面的刷新行为 beforOnload 在刷新前记录所请求的内容并做一些处理。 以购物为例 提交了一批购物请求 但服务端处理比较慢 可以记住这些物品的ID 在获取列表时前端屏蔽这些未处理完的。具体根据业务想一下。 ...
  • 页面关闭时先执行onbeforeunload,最后onunload 页面刷新时先执行onbeforeunload,然后onunload,最后onload window.addEventListener("beforeunload", function (e) { event.returnValue="确定离开当前页面吗?...
  • 关于js监听浏览器关闭操作

    千次阅读 2018-11-01 10:26:53
    有些时候我们的系统需要做到唯一登陆,也就是同一时间段内一个用户只允许在一台电脑上登录,但是很多时候我们的用户看完系统之后不会选择登出系统而是直接关闭浏览器,那么这个监听就很重要了,它可以告诉我们什时候...
  • 可以用来判断当前页面可见性的状态,用于判断当前页面是否是最小化状态。 onload事件 onload事件会在页面或者图片加载完成后立即发生。通常放于body元素中,在页面完全加载后完成脚本操作。 <!DOCTYPE html> &...
  • JS 实现 tab 页面关闭事件监听

    千次阅读 2019-08-11 00:23:28
    chrome ...script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> var _beforeUnload_time = 0, _gap_time = 0; window.onunload = function (){ _gap_time = n...
  • 下面小编就为大家带来一篇js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • e.returnValue = '关闭提示'; } // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+ return '关闭提示'; }; 2、在生命周期钩子中注册监听事件 methods: { beforeunloadHandler (e) { // ... } } 在 mounted
  • js监听页面的刷新

    千次阅读 2019-11-13 18:42:01
    需求:在页面关闭的时候监听事件,但是刷新的时候并不执行。 实现: window.onbeforeunload = function(){ var n = window.event.screenX - window.screenLeft; var b = n > document.documentElement....
  • 如何用js监听浏览器页面关闭/刷新事件 因为要做关闭页面退出功能,但页面跳转和刷新时并不做退出事件,需要甄别刷新和关闭,也查找了很多方法,踩了许多深坑,在这里记录一下自己的方法吧。 不同的浏览器刷新...
  • js监听界面关闭

    千次阅读 2018-11-09 15:48:47
    首次进入界面时执行下:  window.history.pushState('forward', null, './#forward')...可以在这里拦截到界面要关闭了:( if (window.history &amp;&amp; window.history.pushState) { $(window).on(...
  • 大家是否经常遇到关闭页面的时候或者页面的时候,都会弹出一个弹框,问你是否保存数据或者是否可以刷新,目的就是防止不经意刷新导致页面数据丢失,很多人会用到本地存储,但是这样做比较麻烦,根本上就是提示用户,...
  • javascript监听页面加载的时候有onload事件,是在页面加载完成之后出发的事件,而onbeforeunload事件就是在即将离开当前页面(刷新或关闭)时触发,用来监听页面刷新或者退出,该事件并且会弹出对话框提示用户是留...
  • 页面加载时 执行 unload() 事件。 页面刷新时 先执行 onbeforeload(),新页面即将替换旧页面时执行 onunload(),最后执行 unload() 。 页面关闭时 先执行 onbeforeload(),再执行 onunload()。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 49,540
精华内容 19,816
关键字:

js监听页面关闭