F5前的事件调用beforeunload和unload jquery捕获f5刷新事件 监听页面刷新

转载 2017年10月13日 14:07:44

我们实现在刷新或关闭前弹出弹框显示提示文字很容易,例:

<!doctype html>  
<html>  
 <head>  
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">  
  <meta name="renderer" content="webkit">  
  <title>test</title>  
  <script type="text/javascript" src="skin/base2/js/jquery-1.11.3.min.js"></script>  

 </head>  
 <body>  
 </body>  
  <script>  
    ;$(function() {  
        $(window).on('beforeunload', function() {  
            return "您确定要离开吗?!";  
        });  


    });  
 </script>  
</html>  

如果我们想要实现在刷新或关闭前调用某个方法就不行了,也许很多人尝试过了,使用如下方法:

$(window).on('beforeunload', function() {  
            alert(1);  
        });  

可是这种方法只在ie浏览器有效果。
解释:
1 其实beforeunload是起了作用的,只不过alert()弹框在浏览器中没有出现
2 测试这个,我们可以对后台发送请求,看看后台数据是否发生变化
3 beforeunload在ff中不兼容,我们同时可以加上unload事件(这两个事件的具体区别大家可以自行百度)
测试思路:

$(window).on('beforeunload unload', function() {  
                $.ajax({  
//发送请求,刷新一次,后台数据自增一次,大家查看后台数据就知道了,这两个事件是起了作用的  
});  
            });  

jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等

禁用鼠标右键菜单栏 $("body").bind("contextmenu", function(event) { return false; }); 禁用快捷键 $...
  • jinwufeiyang
  • jinwufeiyang
  • 2016年08月29日 22:04
  • 628

javascript如何监听页面刷新和页面关闭事件

本文转之http://www.qqtimezone.top 在我们的日常生活中,时常遇到这么一种情况,当我们在点击一个链接、关闭页面、表单提交时等情况,会提示我们是否确认该操作等信息。 这里就给大...
  • qq_27681741
  • qq_27681741
  • 2017年01月09日 14:07
  • 1856

怎么使用jquery阻止页面的离开或卸载

当正在离开一个页面或正在卸载一个页面时,unload事件将会被激活,然而不管怎样,此事件不能够阻止页面的离开。 $(window).bind('unload',function(){}); ...
  • taiyb
  • taiyb
  • 2014年10月12日 10:44
  • 6703

AngularJS进阶(二十八)解决AngualrJS页面刷新导致异常显示问题

解决AngualrJS页面刷新导致异常显示问题 绪           俗话说,细节决定成败,编程亦是如此。编程过程中我们可能会不自觉的忽视一些细节问题,殊不知,这些细节正是导致页面显示出现问题的...
  • sunhuaqiang1
  • sunhuaqiang1
  • 2016年01月14日 19:28
  • 50246

ASP.NET后台代码方式识别页面“按钮点击”和浏览器F5“刷新”事件

http://www.cnblogs.com/isline/archive/2010/02/05/1664283.html点击打开链接 ASP.NET后台代码方式识别页面“按钮点击”和浏览器F5“刷新...
  • sjpljr
  • sjpljr
  • 2017年03月23日 11:39
  • 474

Java框架Bootstrap、HTML5、jQuery、Spring MVC、Hibernate、jQuery Hotkeys、监听键盘事件

  • 2015年03月24日 16:36
  • 2.84MB
  • 下载

iframe结构的网站按F5刷新子页面的实现方式

有的网站或者后台系统由于页面有公共的部分,比如菜单,会把公共的部分放在一个页面,这里称之为父页面,而把具体的内容放入一个iframe中,之后的请求改变iframe的内容。但是这样会有一个问题,因为浏览...
  • kusedexingfu
  • kusedexingfu
  • 2017年04月20日 22:29
  • 4558

键盘回车事件导致页面刷新的问题

我最近在做一个 Ajax 查询的功能,代码如下: 1 form name="keywordForm" method="post" action="">   ...
  • MckayRen
  • MckayRen
  • 2016年12月12日 10:57
  • 218

键盘回车事件导致页面刷新的问题

原文网址:http://www.nowamagic.net/html/html_EnterCouseReflesh.php 我最近在做一个 Ajax 查询的功能,代码如下: ...
  • yuyuers
  • yuyuers
  • 2011年12月16日 11:17
  • 2778

键盘回车事件导致页面刷新的问题

我最近在做一个 Ajax 查询的功能,代码如下: 1 form name="keywordForm" method="post" action="">  ...
  • yongzhen150
  • yongzhen150
  • 2017年05月27日 16:14
  • 861
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:F5前的事件调用beforeunload和unload jquery捕获f5刷新事件 监听页面刷新
举报原因:
原因补充:

(最多只允许输入30个字)