JS——浏览器关闭事件

onbeforeunload

  • 关闭或刷新浏览器会触发此事件
window.onbeforeunload = function(ev) {
    return true;
};

popstate

  • 当点击浏览器后退按钮会触发此事件
  • 基本上不用这个事件,vue 框架可以帮助代替这个事件
window.history.pushState("123", null, document.URL);
window.addEventListener("popstate", function() {
    _this.isMsgShow = true;
    history.pushState("123", null, document.URL);
});

原文地址:https://www.cnblogs.com/cnloop/p/9347481.html

时间: 2024-10-12 20:28:29

JS——浏览器关闭事件的相关文章

JS浏览器关闭事件监听(http://pengjianbo1.iteye.com/blog/507569,http://bbs.csdn.net/topics/360152711)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

js 判断浏览器关闭事件 兼容所有浏览器

无论是从页签处关闭浏览器,还是关闭整个浏览器窗口,无论是 ie11,火狐,谷歌,苹果,还是ie6,都能兼容的浏览器关闭事件监听 在网上搜索了一天,虽然网上也有之类的代码,但是太繁琐,有时候还不可用.我也是在原有基础上修改的.经过了上述的浏览器测试,如果有不兼容的,欢迎提出意见一起学习. ? <script type="text/jscript" src="jquery-1.10.2.min.js"></script> <script t

js关闭浏览器窗口及检查浏览器关闭事件

js关闭浏览器窗口,不弹出提示框.支持ie6+,火狐,谷歌等浏览器,下面以一个示例为大家详细介绍下具体的实现方法,感兴趣的朋友可以参考下 js关闭浏览器窗口 js关闭浏览器窗口,不弹出提示框.支持ie6+,火狐,谷歌等浏览器. <html> <head /> <body> <script type="text/javascript"> function closeWin(){ window.opener=null; window.open

js 监控浏览器关闭事件

代码如下: <!DOCTYPE html> <html> <head> <title>监控浏览器关闭事件</title> </head> <style type="text/css"> </style> <body> <div id="create_order"> </div> </body> </html> &

获取IE浏览器关闭事件

//关闭浏览器时才会触发此操作,刷新页面不执行 //n 检测鼠标相对于用户屏幕的水平位置 - 网页正文部分左:求出鼠标在当前窗口上的水平位置(参照:当前窗口右上角为0.0坐标) //m 网页正文全文宽 20这个值是指关闭按钮的宽度 //b=false,鼠标在当前窗口内 水平坐标 //b= true;鼠标在当前窗口外 水平坐标 //y 垂直坐标 y>0鼠标在当前窗口内 ;y<0 鼠标在当前窗口外 //window.event.altKey 当alt键按下时,值为 TRUE ,否则为 FALSE

FLEX监视浏览器关闭事件

在最近开发的一个FLEX项目中对于浏览器关闭时,需要做一些清理工作,该清理工作在正常情况下保证能运行就行了,要求不是太高. 因此在网上找了一些方法,经过实际测试确实可行,记录下来备查. 该方法可以完全不用在JS中写代码,值需要在FLEX中写即可,代码如下: private function insertPageExit():void{ var browerFunc:String = "document.insertScript = function () " +            

监控浏览器关闭事件

var UnloadConfirm = {}; UnloadConfirm.MSG_UNLOAD = "数据尚未保存,离开后可能会导致数据丢失\n\n您确定要离开吗?"; UnloadConfirm.set = function(a) { window.onbeforeunload = function(b) { b = b || window.event; b.returnValue = a; return a } }; UnloadConfirm.clear = function(

JS浏览器滚轮事件实现横向滚动照片展

if(window.attachEvent){ ///*IE8注册事件*/ this.oc.attachEvent('onmousewheel',function(e) { //函数体 }); } else if(window.addEventListener) ///*Firefox注册事件*/ { this.oc.addEventListener('DOMMouseScroll', function(e) { //函数体 }, false); } this.oc.onmousewheel =

js 监听浏览器刷新还是关闭事件

原作者的文章地址:http://udn.yyuap.com/forum.php?mod=viewthread&tid=96309 页面加载时只执行onload 页面关闭时只执行onunload 页面刷新时先执行onbeforeunload,然后onunload,最后onload. 经过验证我得出的结论是: //对于ie,谷歌,360: //页面加载时只执行onload //页面刷新时,刷新之前执行onbeforeunload事件,在新页面即将替换旧页面时onunload事件,最后onload事件