`

JavaScript捕获窗口关闭事件

阅读更多
javascript捕获窗口关闭事件有两种方法

1.用javascript重新定义 window.onbeforeunload()  事件

在javascript里定义一个函数即可

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

alert()事件将会在关闭窗口前执行,你也可以用户决定是否关闭窗口

function  window.onbeforeunload()  { 
if  (event.clientX>document.body.clientWidth  &&  event.clientY<0 ||event.altKey) 
     window.event.returnValue="确定要退出本页吗?"; 
}

关闭时刷新父窗体(window.open(.......))

      function window.onbeforeunload() {
            if (window.opener != null) {
                if (window.opener.location != null) {
                    window.opener.location.href = window.opener.location.href;
                    if (window.opener.progressWindow) {
                        window.opener.progressWindow.close();
                    }
                }
            }
        }

2.用onUnload方法

在body 标签里加入onUnload事件

body

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

但是onUnload方法是在关闭窗口之后执行,不是在关闭窗口之前执行,如果你想在关闭窗口之前做判断,请用第一种方法
分享到:
评论

相关推荐

    JavaScript 捕获窗口关闭事件

    ### JavaScript 捕获窗口关闭事件 #### 一、引言 在Web开发中,有时候我们需要监测浏览器窗口的关闭事件,以便执行某些操作,比如询问用户是否确认离开当前页面、保存用户状态等。本文将详细介绍如何使用...

    捕获网页关闭事件

    总结来说,捕获网页关闭事件主要依赖于JavaScript的 `beforeunload` 和 `unload` 事件。通过监听这些事件,开发者可以执行用户离开页面前的预处理操作,如数据保存和资源清理。然而,需要注意的是,应当合理使用这些...

    判断浏览器是刷新还是关闭窗口

    为此,JavaScript 提供了 `onunload` 事件,它会在浏览器窗口被关闭或者用户离开当前页面时触发。然而,在实际的应用场景中,我们可能会遇到一个棘手的问题:不论是刷新页面还是真正关闭窗口,`onunload` 事件都会被...

    javascript经典特效---关闭窗口的提示.rar

    在JavaScript中,可以利用`window`对象提供的事件监听器来捕获窗口即将关闭的事件。这个事件通常被称为`beforeunload`或`unload`。当用户尝试刷新页面、关闭窗口或者导航到另一个URL时,这些事件会被触发。下面我们...

    ie事件捕获控件 捕获ie浏览器到打开链接等等的事件

    "ie事件捕获控件"是一个专门针对Internet Explorer(IE)浏览器设计的技术解决方案,它允许开发者捕获并处理浏览器的各种事件,例如打开链接、加载页面、关闭窗口等。这种技术的核心在于事件模型,它是JavaScript和...

    窗口关闭弹出小窗口传值

    1. **监听窗口关闭事件**:在需要监听关闭事件的页面上,使用`window.addEventListener`添加`beforeunload`或`unload`事件监听器。 ```javascript window.addEventListener('beforeunload', function(event) { // ...

    vuejs中监听窗口关闭和窗口刷新事件的方法

    总的来说,Vue.js提供了一种优雅的方式来处理窗口关闭和刷新事件,通过结合`window.onbeforeunload`事件和Vue的生命周期钩子,我们可以实现对用户离开页面时的控制,从而提升用户体验并保证数据的完整性。...

    捕获关闭窗口的脚本

    这种情况下,可以使用JavaScript的事件监听器来捕获窗口关闭事件。标题“捕获关闭窗口的脚本”和描述所提及的,就是关于如何在用户尝试离开页面时弹出提示并处理返回信息的技术。 JavaScript 提供了两个关键的事件...

    如何在父窗口中得知window.open()出的子窗口关闭事件

    总的来说,监听`window.open()`创建的子窗口关闭事件主要依赖于定时器和全局变量,以及适当的错误处理来适应不同的浏览器限制。在实际开发中,你需要根据项目需求和浏览器兼容性来选择最适合的方法。

    javascript的事件大全

    - onBeforeUnload:在页面即将被卸载(如跳转或关闭窗口)之前触发,可用来确认是否离开页面。 - onError:捕获页面中的错误,如脚本错误或外部资源加载失败。 - onLoad:页面完全加载(包括所有外部资源)完成后...

    分享JavaScript获取网页关闭与取消关闭的事件

    在Web开发中,JavaScript提供了对页面生命周期的监听能力,其中包括页面即将关闭的事件。这篇分享主要探讨了如何利用JavaScript获取网页关闭以及用户取消关闭的事件,以提供更友好的用户体验。 首先,`...

    JavaScript+快捷键设置

    - **Alt+F4**:当用户按下Alt+F4时,打开一个模式对话框,模拟关闭当前窗口的行为,但不会真正关闭窗口。 ##### 2. 其他常用技巧 - **禁用右键菜单**: ```html ;"&gt; ``` - **禁用文本选中**: ```html ;"&gt; `...

    javascript点击弹出窗口

    当用户点击弹出层内部,事件应当被阻止传播,防止窗口关闭;当用户点击遮罩,弹出层应当关闭,并可能移除遮罩。 4. **动态显示与隐藏**:通过修改CSS的`display`属性,可以控制弹出层的显示和隐藏。例如,可以将...

    捕获浏览器关闭、刷新事件不同情况下的处理方法

    `onbeforeunload`事件在页面即将卸载时触发,这通常发生在用户尝试关闭窗口、刷新页面或导航到另一个URL之前。这个事件提供了一个机会来询问用户是否真的想要离开当前页面。如果返回一个字符串,浏览器会显示一个...

    一个窗口获取JavaScript填充.zip

    6. **事件监听**:为了响应窗口状态的变化或跨窗口通信,可以使用`window.addEventListener('message', callback)`来监听`message`事件,当接收到其他窗口发送的消息时,回调函数会被触发。 综上所述,"一个窗口...

    js窗口拖拽(改变大小,最小化,最大化,还原,关闭).zip

    1. **JavaScript事件处理**:项目中的JavaScript代码会监听用户与窗口的交互,例如通过`addEventListener`方法添加事件监听器,捕获鼠标的点击、移动和释放等动作,进而执行相应的操作。 2. **DOM操作**:...

    C# ASP.NET Javascript - 捕捉鼠标左右键事件

    在本文中,我们将深入探讨如何在C# ASP.NET与JavaScript环境中捕获鼠标左右键的点击事件,以及如何实现网页窗体的自动关闭功能。这些技术对于网页开发人员来说至关重要,尤其是在构建交互性强的Web应用程序时。 ...

    jquery模拟ajax关闭div窗口效果

    要模拟关闭div窗口的效果,我们需要监听用户对窗口关闭按钮的点击事件。在jQuery中,我们可以使用`$('selector').click()`来绑定点击事件。例如,如果我们的div窗口的ID是"closeDiv",那么代码可能如下: ```...

Global site tag (gtag.js) - Google Analytics