`

js监听WEB页面关闭事件

WebJavaScript 
阅读更多

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> 

分享到：
| Filter拦截include方式的请求
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JS监听关闭浏览器事件

    ### JS监听关闭浏览器事件 在Web开发中，有时我们需要对用户关闭浏览器窗口或标签页的行为进行监测，并在这些行为发生前执行某些操作。这通常涉及到`onbeforeunload`和`onunload`这两个事件处理程序。 #### 1. `...

    js监控IE火狐浏览器关闭、刷新、回退、前进事件.docx

    监听浏览器关闭事件主要通过`onbeforeunload`事件实现。此事件在浏览器窗口即将关闭时触发。需要注意的是，不同浏览器对此事件的支持程度和行为有所不同。 ```javascript window.onbeforeunload = function() { if...

    JS监听关闭浏览器事件之Onunload与Onbeforeunload

    在JavaScript中，对浏览器窗口关闭事件的监听是开发者经常需要用到的功能，这可以帮助我们在用户离开页面时执行一些必要的操作，比如保存数据、清理资源或者显示确认提示。本文将深入探讨两个关键的JavaScript事件：...

    javascript页面关闭事件

    ### JavaScript 页面关闭事件详解 #### 一、引言 在Web开发中，有时我们需要在用户即将离开当前页面时执行一些操作，例如询问用户是否确定离开（如果他们对表单进行了未保存的更改）、记录用户的某些行为等。这些...

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

    在Web开发中，区分浏览器页面是刷新还是关闭的需求非常常见，这主要是为了优化用户体验和保证系统的操作逻辑。传统的做法是使用BOM（Browser Object Model）事件中的onbeforeunload事件，该事件会在页面即将卸载前...

    flex监听浏览器关闭事件

    在Flex应用中监听浏览器关闭事件主要依赖于JavaScript与Flash/Flex之间的交互。当用户尝试关闭浏览器窗口时，`window.onbeforeunload`事件会被触发。我们可以通过在Flex应用中调用JavaScript来监听这个事件，并在...

    Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求

    在Vue框架中，实现监听窗口关闭事件并在关闭前发送请求的功能，对于需要在用户离开页面之前进行某些清理或保存数据的操作尤为重要。本文将详细介绍如何在Vue项目中实现这一功能，并提供相应的代码示例。 ### 监听...

    基于JavaScript判断浏览器到底是关闭还是刷新(超准确)

    因此，使用这些JavaScript事件来监控页面关闭和刷新的行为，需要进行充分的测试，并且要考虑到不同浏览器之间的兼容性问题。 此外，除了使用JavaScript之外，还可以考虑服务器端的逻辑来辅助判断。例如，可以通过...

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

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

    javascript实现esc关闭页面

    ### JavaScript 实现 ESC 键关闭页面 在网页开发过程中，我们经常会遇到需要通过特定按键触发某些功能的需求。其中，利用 ESC 锥形键关闭页面或弹窗是一种常见的用户体验优化手段。下面将详细介绍如何使用 ...

    layui关闭层级、简单监听的实例

    在当前快速发展的信息技术中，企业或个人开发者常常需要在构建网页或应用时实现一些特定的功能，例如页面弹出、层级控制以及事件监听等。layui是一个前端UI框架，它提供了丰富的组件和便捷的接口来帮助开发者实现...

    jsp页面中窗口关闭,退出的方式分享.docx

    除了上述两种基本方法外，还有多种技术可用于实现窗口关闭和退出功能，如使用JavaScript监听窗口关闭事件等。 **例如:** - **监听窗口关闭事件:** 可以使用`window.onbeforeunload`来监听窗口关闭事件，并根据需求...

    使用javascript验证窗口是关闭还是刷新

    在Web开发过程中，我们常常需要监控用户与网页的交互行为，包括但不限于用户关闭浏览器窗口、刷新页面等动作。这些事件对于网站来说非常重要，可以用于实现各种功能，比如提醒用户保存未提交的数据或者记录用户的...

    浏览器关闭事件.txt浏览器关闭事件.txt浏览器关闭事件.txt浏览器关闭事件.txt

    在JavaScript中，有几种方法可以用来监听浏览器关闭事件： 1. **`window.onbeforeunload`**：此事件会在浏览器窗口或标签页关闭之前被触发。 2. **`window.onunload`**：该事件在文档完全卸载之后被触发，但是它的...

    Vue监听页面刷新和关闭功能

    为了监听页面刷新和关闭，我们需要使用浏览器提供的原生JavaScript事件，即`onbeforeunload`。这个事件会在页面卸载前触发，无论是由于用户刷新页面、关闭窗口还是导航到其他页面。我们可以在Vue的`methods`中定义一...

    web 很好用的消息提示插件 Lobibox

    6. **回调函数**：提供丰富的事件触发机制，比如打开、关闭、点击按钮等，开发者可以绑定自定义的回调函数以执行特定的操作。 7. **定位选项**：允许开发者选择提示框在屏幕上的显示位置，如居中、顶部、底部等。 ...

    有道JavaScript监听浏览器的问题

    在Web项目开发过程中，JavaScript事件监听和事件冒泡是经常使用的技术，它们允许开发者根据用户的操作（如点击、滚动等）来响应页面的变化或数据处理。同时，JavaScript还提供了父子窗口间的互操作性功能，例如通过...

    弹出层关闭父页面刷新

    总的来说，实现“弹出层关闭后刷新父页面”的功能，主要涉及到JavaScript的事件监听和窗口操作，是前端开发中常见的交互设计。理解并掌握这个过程，对于提升用户体验和优化页面流程有着积极的作用。

    vue项目消息链接全局创建监听

    7. **监听数据**：在页面上，可以通过`addEventListener`监听`message`事件来捕获WebSocket接收到的数据。在示例代码中，虽然没有展示具体的数据处理逻辑，但实际开发中，你可能需要根据接收到的数据类型和内容更新...

Magicbox
Global site tag (gtag.js) - Google Analytics