js获取关闭浏览器事件

最新推荐文章于 2024-03-09 13:30:12 发布
最新推荐文章于 2024-03-09 13:30:12 发布
阅读量3w 收藏 7
点赞数 1
分类专栏： html 文章标签： js 前端 浏览器 测试 互联网
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013047660/article/details/45169669
版权

谷歌浏览器，火狐浏览器，360浏览器测试可行，IE7测试也是可行的

<span style="font-size:14px;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Confirm Before Leave</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<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> 
 
</head>
<body>
<a href="http://www.baidu.com">baidu</a>
</body>
</html></span>


测试效果图：

1、360浏览器测试



2、谷歌浏览器测试




3、IE7浏览器测试



4、火狐浏览器测试




Baron的博客
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
分享JavaScript获取网页关闭与取消关闭的事件
12-01
在做Web开发时，我们经常用到页面关闭事件onbeforeunload，可以给用户一个选择放弃关闭的机会，就比如这个博客编辑器。如果用户选择了离开，那么onunload事件自然会触发；但若用户选择了取消，又该如何检测呢？ 我们假定一个页面离开取消事件，叫做onunloadcancel。显然，这个事件应触发在用户按下对话框的取消按钮之后。但关闭提示对话框的触发流程并不是那么简单。我们先来回顾下这个过程： 代码如下:[removed] = function(){    return “真的离开?”;} 当用户准备离开页面（比如按下关闭按钮，或者刷新页面等等），onbefo
Jquery 浏览器页面窗口刷新或关闭时，执行后台方法(兼容各主流浏览器)
小木木的开发日常
02-21 6631
//页面加载时方法 $(document).ready(function () { //网页关闭时执行的方法 $(window).bind("beforeunload", function () { var xmlhttp = getXMLHttpRequest(); //需要执行一个
【解决方案】监听浏览器关闭事件并进行前后端交互
最新发布
前端成长之路
03-09 611
2.第二点，可以通过performance.getEntriesByType(‘navigation’)[0].type === 'reload’判断页面进入类型是否为刷新来解决。1.第一点，原因是因为chrom最新的浏览器策略导致，新版本浏览器已修改，页面不发生任何交互事件时，此事件不触发。开发过程中碰到个需求，需要在浏览器关闭的时候调用一个接口，告诉后端页面关闭了，反复尝试后记录下解决过程。因为chrom的新特性，导致无法直接通过浏览器事件来判断，故需要新的解决方案。
浏览器刷新页面/关闭页面时，使用jquery+ajax保存数据的方法
grey256的博客
04-14 1万+
使用jquery+ajax实现：修改页面内容，延迟传输到后台进行保存，并在刷新或关闭页面时，及时保存数据。
jquery监听页面关闭
hantanxin的专栏
11-28 7619
1.不能阻止关闭事件 JQuery获取页面关闭事件 $(window).unload(function(){ //响应事件 alert("获取到了页面要关闭的事件了！"); }); 2.可以根据选择按钮，阻止关闭或刷新事件 $(window).bind('beforeunload', function () { debugger; ...
jqury检测页面刷新或关闭，清除session
maxiaole_z的博客
07-07 937
window.onbeforeunload=function (){ alert("===onbeforeunload==="); if(event.clientX>document.body.clientWidth && event.clientY < 0 || event.altKey){ alert("你关闭了浏览器"); sessionStorage.clear(); }else{ alert("你正在刷新页面"); sessi...
JS监听浏览器关闭、刷新及切换标签页触发事件
m0_51431448的博客
08-03 6902
蛮简单的东西，知道就会，不知道就不会，没什么逻辑可言。简单记录一下，只为加深点儿印象。
获取页面的关闭事件
口袋里的小龙的专栏
04-29 1525
function closeEvent(event){//获取事件类型var s = event.type;if(s=='unload'){exit();}} js中的代码 这样就可以了 试了试还不错 没有报错 F4+ALT 右键关闭 按钮关闭 都可以 window.close();刚学会 分享一哈哈！！！...
js关闭浏览器事件,js关闭浏览器提示及相关函数
weixin_34349320的博客
01-18 1351
关于浏览器关闭事件的相关描述 有些朋友想在浏览器关闭的时候，弹出alert 、confirm或者prompt等。实验证明，这种做法是失败的，原因是浏览器关闭事件自动屏蔽执行js的某些方法，从而防止恶意攻击或者无法关闭浏览器的现象，针对这些事件的处理，一般都是写在浏览器底层。因此，你想在关闭浏览器的时候弹出alert提示框是不可能的。要是你对浏览器感兴趣，您可以去研究这些问题，同时也可以自己写一个简...
浏览器关闭监听
木玄客的博客
11-21 1580
浏览器关闭判断
JS——浏览器关闭事件
weixin_56505603的博客
03-01 5252
onbeforeunload 关闭或刷新浏览器会触发此事件 示例代码 window.onbeforeunload = function(ev) { return true; }; popstate 示例代码 window.history.pushState("123", null, document.URL); window.addEventListener("popstate", function() { _this.isMsgShow
js jquery 获取某一元素到浏览器顶端的距离实现方法
10-18
今天小编就为大家分享一篇js jquery 获取某一元素到浏览器顶端的距离实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
01-21
Onunload，onbeforeunload都是在刷新或关闭时调用，可以在[removed]脚本中通过[removed]来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。 Onbeforeunload...
使用 Javascript 实现浏览器推送提醒功能的示例
11-29
本篇文章内容简单，速读只需两三...在浏览器中也一样，在使用浏览器推送之前，需要先获取权限 Notification.requestPermission().then(permission => { console.log(permission) }) 通过 requestPermission 方法可
node-process, node.js 和浏览器的进程信息.zip
09-18
node-process, node.js 和浏览器的进程信息 进程require('process'); 与其他模块一样。通过模块提供的browser.js shim 在 node.js 和浏览器中工作。浏览器实现这个 MODULE的目标并非是内置进程 MODULE的完全成熟的...
CSS中hover改变子元素和其它元素样式
热门推荐
Baron技术博客
08-27 3万+
#a {color : #FFFF00;} #a:hover + #c{color : #00FF00;} #a:hover + #c > #b{color : #0000FF;} 元素1 元素3 元素2 +表示下一级元素，>表示子元素
JS获取点击标签对象
Baron技术博客
05-25 8138
JS获取点击标签对象： Document 123 function demo(obj,b) { alert(obj.id); alert(b) }
Fiddler调试线上JS代码
Baron技术博客
08-07 3090
强力推荐一款js调试神器，Fiddler 大家平时肯定都用过火狐的Firebug或者谷歌的调试工具来调试JS,但遗憾的是我们不能像编辑html,css那样来直接新增或者删除JS代码. 　　 虽然可以通过调试工具的控制台来动态执行JS代码,但有时候却远远不够用. 　　　 特别是当产线环境不能随意修改文件情况下,用线上环境来调试本地代码更是迫切的需求. 　　 (往往本地测试通过,
js 获取打开的浏览器窗口
05-24
可以使用 JavaScript 中的 `window.open()` 函数来打开一个新的浏览器窗口，同时也可以在函数中指定该窗口的名称，然后可以使用 `window.open()` 函数的返回值来引用该窗口。 例如，下面的代码将打开一个新的浏览器...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值