`
wxinpeng
  • 浏览: 590735 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

javascript 判断 onbeforeunload 是刷新 还是 关闭 事件

阅读更多

  Web 开发中 页面的关闭和刷新都会触发 window 的 onbeforeunload() 事件 和 onunload()事件。

如何 判断 是 触发这些事件的动作 是刷新还是关闭。

 

代码如下:

window.onbeforeunload   =   function(){      
      var   n   =   window.event.screenX   -   window.screenLeft;      
      var   b   =   n   >   document.documentElement.scrollWidth-20;      
      if(b   &&   window.event.clientY   <   0   ||   window.event.altKey)      
      {      
         alert("是关闭而非刷新");      
          window.event.returnValue   =   "是否关闭?";   
      }else{   
             alert("是刷新而非关闭");      
     }      
}

 

分享到:
评论

相关推荐

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

    onunload 事件判断浏览器是刷新还是关闭窗口 在浏览器中,我们经常需要判断浏览器是刷新还是关闭窗口,以便执行相应的操作。onunload 事件可以帮助我们实现这个功能。当浏览器退出时会触发 onunload 事件,因此我们...

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

    本文介绍了通过JavaScript判断浏览器是关闭还是刷新的方法。在Web开发过程中,有时候需要区分用户是关闭了浏览器窗口,还是仅仅刷新了页面,这对于执行某些特定的逻辑操作是很重要的。例如,当用户关闭浏览器窗口时...

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

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

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

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

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

    在探讨“判断页面是关闭还是刷新的js代码”这一主题时,我们首先需要理解网页生命周期中的几个关键事件:`onload`、`onunload`、`onbeforeunload`以及`onclose`。这些事件在网页加载、卸载或刷新过程中扮演着重要...

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

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

    javascript Onunload与Onbeforeunload使用小结.docx

    在JavaScript中,`onunload`和`onbeforeunload`是非常重要的两个事件,它们主要用于监听浏览器窗口关闭或者页面刷新的情况。这两种事件的应用场景非常广泛,比如在用户离开网页前进行数据同步、警告用户未保存更改等...

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

    此方法依赖于`onbeforeunload`事件,检查鼠标位置和`alt`键状态来判断是否为关闭操作,对刷新和直接关闭有区分。 2. 方式二:适用于IE和Firefox,不区分刷新和关闭 ```javascript window.onbeforeunload = ...

    javascript页面关闭事件

    `onbeforeunload`事件是一个非常有用的工具,可以帮助开发者在用户离开页面之前执行必要的操作。然而,为了确保良好的用户体验,应该谨慎地使用这个事件,并确保其行为符合预期。通过上面的介绍和示例,希望读者能够...

    Js智能判断浏览器是关闭还是刷新的代码

    `onbeforeunload`事件在页面即将卸载时触发,无论是因为用户关闭浏览器窗口、点击了前进/后退按钮,还是进行了页面刷新。在这个事件的处理函数中,我们可以尝试获取一些浏览器行为的线索来判断是关闭还是刷新。 ...

    网页缓存清除及页面刷新与关闭.doc

    页面刷新和关闭的判断可以使用JavaScript中的onbeforeunload和onunload事件来实现。在上面的代码中,我们使用了onbeforeunload和onunload事件来判断页面是否需要清除缓存。 知识点7: JavaScript中的事件 ...

    关闭浏览器时提示onbeforeunload事件

    `onbeforeunload`事件是JavaScript中的一个非常重要的事件,它允许开发者在用户尝试离开当前页面时执行特定的操作,比如确认用户是否真的想要离开,或者在离开前保存未完成的数据。这个事件在用户关闭浏览器窗口、...

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

    在原生JavaScript中,可以使用window.onbeforeunload事件来监听窗口关闭和刷新的行为。该事件会在用户尝试离开页面时触发,可以用来执行一些清理工作或者给出提示。 在Vue.js中,可以通过在组件的生命周期钩子中...

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

    但是,由于浏览器的安全策略,我们无法直接在这个事件中判断是刷新还是关闭,因为它们的行为在事件层面并无明显差异。不过,我们可以借助浏览器的本地存储(如LocalStorage)来间接实现这个功能。 当用户首次访问...

    JS监听关闭浏览器事件

    `onbeforeunload`事件是在用户尝试关闭窗口、标签页或者刷新页面时触发的。这是一个非常有用的事件,因为它允许开发者在用户真正离开页面之前执行一些代码,例如提示用户是否真的想离开当前页面、保存表单数据等。 ...

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

    本知识点主要涉及前端JavaScript编程领域中的浏览器事件处理,特别地,我们会详细介绍如何使用JavaScript来监测和响应Internet Explorer(IE)和Mozilla Firefox(火狐)浏览器中的关闭、刷新、回退(后退)和前进...

    onbeforeunload与onunload事件异同点总结

    - 无论是 `onbeforeunload` 还是 `onunload`,它们都可以在页面刷新或窗口关闭时被调用。 - 两种事件都可通过 `&lt;script&gt;` 脚本或在 `&lt;body&gt;` 标签中使用 `window.onunload` 来指定监听器。 - 这两个事件都是页面...

Global site tag (gtag.js) - Google Analytics