`

js监听WEB页面关闭事件

阅读更多

javascript捕获窗口关闭事件有两种方法 onbeforeunload()      ,onUnload()

用法有两种:

1.    function      window.onbeforeunload()      {      alert("关闭窗口")}

           function      window.onunload()      {      alert("关闭窗口")}

2.      在body 标签里加入onUnload事件

         <body onUnload="myClose()">

         然后在javascript里定义myClose()方法

区别:

          onUnload方法是在关闭窗口之后执行

          onbeforeUnload方法是在关闭窗口之前执行

说明:

          两个方法在 页面关闭、刷新、转向新页面 时都触发。

注:只在关闭窗口时触发,而页面刷新的时不触发。

<script       language=javascript>   
      function       window.onbeforeunload()   
      {   
      if       (event.clientX>document.body.clientWidth       &&       event.clientY<0||event.altKey)

            {   
             window.event.returnValue="确定要退出本页吗?";   
            }   

      }
</script> 

分享到:
评论

相关推荐

    JS区分浏览器页面是刷新还是关闭

    在web开发中我们经常各种各样的需求。今天小编给大家介绍JS区分浏览器页面是刷新还是关闭标签页,非常实用,感兴趣的童鞋参考下吧

    JavaScript检测是否开启了控制台(F12调试工具)

    js检测用户是否打开调试工具(chrome) (function(){ var re=/x/; var i=0; console.log(re); re.toString=function(){ window.close(); return '第'+(++i)+'次打开控制台'; } })(); JavaScript检测是否开启了...

    livereload-js:与服务器通信并实现重新加载的LiveReload JavaScript代码

    客户端通过Web套接字连接到LiveReload服务器,并监听传入的更改通知。 修改CSS或图像文件后,无需重新加载页面即可对其进行实时刷新。 修改任何其他文件后,将重新加载该页面。 进行更改时,服务器会通知客户端。 ...

    esxi-monitor:VMware ESXi 的 Web 界面

    捆绑安装Ruby esxi-web.rb 由于是监听sinatra的默认端口(4567),所以在浏览器中打开在 64 位 Windows 上运行时,创建文件映射失败并出现错误:登录时可能出现 998,但如果 pagent 等关闭,则可能没问题。...

    IBM WebSphere Portal门户开发笔记01

    21、JS与页面刷新、关闭事件 257 22、SHOWMODALDIALOG和SHOWMODELESSDIALOG及其右下角提示框 257 23、特殊字体样式 258 24、JS确认窗口和输入窗口 259 25、WINDOW.SETTIMEOUT和SETINTERVAL 260 25、WINDOW.OPEN 261 ...

    LayX-dev.zip

    Layx 窗口即入口,纯原生Javascript实现,不依赖任何第三方框架,支持IE10+...输入窗口,加载窗口、浮动窗口、置顶窗口、倒计时窗口、只读窗口,支持窗口最大化、最小化、恢复、置顶、关闭、调试、双击控制及事件监听

    jj-learning:工作学习中的积累,作为沉淀也是财富。有错误的地方或者建议可以web_jwq@163.com联系我~

    jj-learning 工作学习中的积累,作为沉淀也是财富...标签页关闭事件监听 Ajax 中的 XMLHttpRequest 对象详解 奇技淫巧 tslint.json 配置说明 encodeURIComponent 与 Java 的区别 数据结构和算法 目录 npm 实用语句 库 j

    完美解决客户端webview持有的页面缓存,不会立即释放的问题

    当我们对页面进行销毁的时候,其中webview持有的HTML页面还会继续存在,加入我们在HTML页面中做了一些监听手机晃动、声音…… 以及使用了js定时任务的情况下。 单纯的销毁我们的native页面并不能达到让页面中这些...

    Layx web开发框架-其他

    加载窗口、浮动窗口、置顶窗口、倒计时窗口、只读窗口支持窗口最大化、最小化、恢复、置顶、关闭、调试、双击控制及事件监听支持窗口阻隔、窗口闪烁功能支持窗口点击标题获取焦点、点击内容/页面获取焦点支持窗口...

    新版JSP+JQUERY+AJAX+Mysql聊天室小程序JASChatWeb1.0

    JASChatWeb 网页聊天室 1.0版--群聊+... ServetLogout.java -- 两个监听器,一个负责监听用户session超时,另一个用于服务器关闭时清除用户登陆状态 -----------------------------------------------------------------

    【最新版】wechat_devtools_1.02.2004020.dmg【亲测可用】最好的微信开发者工具

    U 优化 &lt;web&gt; 组件页面的调试入口位置 F 修复 小游戏 wx.getMenuButtonBoundingClientRect 返回异常的问题 F 修复 插件页面配置不生效的问题 F 修复 App.onLaunch 执行两次的问题 反馈详情 F 修复 项目列表丢失...

    Layxweb开发框架 v2.5.4

    为您提供Layxweb开发框架下载,Layx 窗口即入口,入口即天地。特性:纯原生Javascript实现...加载窗口、浮动窗口、置顶窗口、倒计时窗口、只读窗口支持窗口最大化、最小化、恢复、置顶、关闭、调试、双击控制及事件监听

    Eclipse_Swt_Jface_核心应用_部分19

    2.1.1 Eclipse下载页面介绍 11 2.1.2 下载Eclipse 12 2.1.3 安装Eclipse语言包 14 .2.1.4 在不同的语言中切换 15 2.2 直接获取SWT工具包 16 2.3 下载和安装Visual Editor 17 2.3.1 Visual Editor的下载...

    JAVA上百实例源码以及开源项目

    JavaScript万年历 显示出当前时间及年份,还可以选择年份及月份和日期 Java编写的HTML浏览器 一个目标文件 摘要:Java源码,网络相关,浏览器  Java编写的HTML浏览器源代码,一个很简单甚至不算是浏览器的HTML浏览器...

    JAVA上百实例源码以及开源项目源代码

    JavaScript万年历 显示出当前时间及年份,还可以选择年份及月份和日期 Java编写的HTML浏览器 一个目标文件 摘要:Java源码,网络相关,浏览器  Java编写的HTML浏览器源代码,一个很简单甚至不算是浏览器的HTML浏览器...

Global site tag (gtag.js) - Google Analytics