F5前的事件调用beforeunload和unload jquery捕获f5刷新事件 监听页面刷新
2017-10-13 14:07
573 查看
我们实现在刷新或关闭前弹出弹框显示提示文字很容易,例:
如果我们想要实现在刷新或关闭前调用某个方法就不行了,也许很多人尝试过了,使用如下方法:
可是这种方法只在ie浏览器有效果。
解释:
1 其实beforeunload是起了作用的,只不过alert()弹框在浏览器中没有出现
2 测试这个,我们可以对后台发送请求,看看后台数据是否发生变化
3 beforeunload在ff中不兼容,我们同时可以加上unload事件(这两个事件的具体区别大家可以自行百度)
测试思路:
<!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({ //发送请求,刷新一次,后台数据自增一次,大家查看后台数据就知道了,这两个事件是起了作用的 }); });
相关文章推荐
- 用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
- 用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
- 用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
- 捕获页面关闭的事件onbeforeunload和onunload
- 用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
- 页面关闭按扭事件和ALT+F4,刷新F5事件捕获处理
- 用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件) 详细出处参考:http://www.jb51.net/article/30640.htm
- 关闭页面和刷新页面后 触发服务器事件 采用body的onbeforeunload()方法
- 用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
- 用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
- F5前的事件调用beforeunload和unload
- 浏览器关闭或刷新事件--window.onbeforeunload
- 页面关闭事件 beforeunload onbeforeunload
- ASP.NET后台代码方式识别页面“按钮点击”和浏览器F5“刷新”事件
- 刷新或关闭时调用onbeforeunload
- javascript如何监听页面刷新和页面关闭事件
- jquery 调用ashx方法,实现页面无刷新
- js 能实现监听F5页面刷新子iframe 而父页面不刷新
- onbeforeunloads关闭或刷新当前页面事件(todo)
- js离开页面执行函数 onbeforeunload与onunload事件