`
andysofan
  • 浏览: 12105 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类

关闭和刷新浏览器 监听

阅读更多
avascript捕获窗口关闭事件有两种方法 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实现监听浏览器关闭和刷新事件

    js实现监听浏览器关闭和刷新事件支持三大浏览器,点击直接看效果

    js监听浏览器关闭

    浏览器是客户端,客户端的操作服务器是监听不到的,所以可以用js来监听,js代码监听浏览器关闭或者刷新

    JS针对浏览器窗口关闭事件的监听方法集锦

    // 关闭监听浏览器刷新、关闭的方法 UnloadConfirm.clear = function() { window.onbeforeunload = function() {}; }; UnloadConfirm.set(MSG_UNLOAD); ``` 这种方式通过创建一个对象`UnloadConfirm`来管理事件...

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

    ### 判断浏览器是刷新还是关闭窗口 在网页开发过程中,我们常常希望能在用户退出或离开当前页面时执行一些特定的操作,比如保存用户的状态、显示一个警告框等。为此,JavaScript 提供了 `onunload` 事件,它会在...

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

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

    JS监听关闭浏览器事件

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

    CSS+JS+Cookie实现关闭广告后刷新浏览器不显示,关闭重启浏览器显示

    这就是CSS、JavaScript和Cookie结合使用来实现关闭广告后在刷新或重启浏览器时仍保持关闭状态的基本原理。需要注意的是,由于不同的浏览器对Cookie的本地支持程度不同,所以这里提到了使用Mozilla Firefox进行本地...

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

    通过测试和实验,作者发现IE、Chrome、360以及Firefox浏览器在关闭和刷新时所触发的事件顺序和时机有所不同。总体来说,可以通过检测事件触发的顺序以及特定的浏览器特性来确定用户的行为。 在实际代码中,作者提出...

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

    浏览器刷新事件可以通过监听`onbeforeunload`事件来间接实现,因为刷新页面本质上也是关闭了当前页面再重新打开。因此,刷新事件可以使用同样的处理逻辑。 ##### 3.3 监听浏览器前进/后退事件 监听浏览器前进或...

    浏览器页面,禁用刷新

    JavaScript是网页动态化的核心语言,能够对用户的交互事件进行监听和处理。 1. **阻止默认行为**:在JavaScript中,我们可以监听`window`对象上的`beforeunload`或`unload`事件,当这些事件触发时,我们可以调用`...

    判断浏览器刷新还是关闭

    总结起来,判断浏览器刷新还是关闭涉及到对浏览器生命周期事件的理解和巧妙利用。通过结合`beforeunload`、`unload`和`visibilitychange`事件,我们可以实现这个功能,但要考虑到浏览器的兼容性和未来可能的变化。在...

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

    在Vue.js应用中,有时我们需要监听窗口的关闭和刷新事件,以便执行某些操作,比如保存用户数据或确认离开页面。本文将详细介绍两种在Vue.js中实现这一目标的方法。 首先,我们来了解一下`window.onbeforeunload`...

    用JS判断浏览器刷新还是关闭

    ### 如何用JavaScript判断浏览器是刷新还是关闭 在Web开发中,有时候我们需要了解用户是通过刷新页面还是直接关闭浏览器来离开当前网页。虽然JavaScript本身并没有提供直接的方法来区分这两种行为,但可以通过监听...

    微信浏览器左上角返回按钮监听的实现

    即 公众号菜单-&gt;A-&gt;B-&gt;C,点击返回后,返回了B(且无刷新),目的是要在C直接跳转至A(公众号菜单-&gt;A-&gt;B-&gt;C,C-&gt;A),虽然可以在C上添加按钮之类的操作进行跳转(公众号菜单-&gt;A-&gt;B-&gt;C-&gt;A),但当点击左上角返回按钮后,...

    禁止浏览器刷新和鼠标刷新还有键盘刷新

    标题和描述中提到的问题,即如何禁止浏览器刷新、鼠标右键刷新以及键盘快捷键刷新,可以通过JavaScript实现。以下是一些主要的技术点和实现方法: 1. **禁用浏览器刷新按钮和F5刷新**: JavaScript可以监听键盘...

    javascript判断页面是否是刷新还是关闭

    1. `beforeunload` 事件:当用户尝试离开当前页面时(如点击刷新按钮、关闭窗口或导航到另一个URL),浏览器会先触发`beforeunload`事件。这是一个预卸载事件,允许开发者进行确认操作,比如询问用户是否确定要离开...

    判断页面是关闭还是刷新的js代码

    然而,在主窗口上,`onclose`通常不会触发,因此在判断页面关闭或刷新时,主要依赖的是`onunload`和`onbeforeunload`事件。 ### 示例代码分析 在提供的代码片段中,HTML文档结构包含了对`onload`、`onunload`和`...

    iOS微信浏览器回退不刷新实例(监听浏览器回退事件)

    为此,我们可以借助JavaScript的history对象来监听浏览器的回退事件,并相应地强制刷新页面或者执行其他自定义逻辑。 在这篇文章中,我们看到了如何使用pushState方法来监听浏览器的回退事件。pushState是HTML5提供...

Global site tag (gtag.js) - Google Analytics