`
zhangyaochun
  • 浏览: 2595779 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论
阅读更多

来源于《JavaScript高级程序设计》第3版

 

 

 beforeunload事件:

 

       在页面卸载前阻止这一操作。在浏览器卸载页面之前触发,可以通过它来取消卸载并继续使用当前原有页面。相当于让用户无法离开当前页面。

 

 

EventUtil.addHandler(window,"beforeunload",function(event){
      event = EventUtil.getEvent(event);
      var msg = "是否离开啊?";
      event.returnValue = message;
      return msg;
});
 

将event.returnValue的值设置为要显示的字符串(IE|FF)

 

同时将函数的值返回(Safari|Chrome)

 

  • Opera 11及以前的版本不支持
  • IE 和FF Safari Chrome都支持
分享到:
评论

相关推荐

    Firefox中beforeunload事件的实现缺陷浅析

    在互联网技术中,beforeunload事件是一个浏览器提供的事件,它在窗口、文档或者其资源即将卸载之前触发。这个事件的用途通常在于防止用户在未保存更改的情况下意外离开页面。在Web开发中,beforeunload事件的应用...

    react-beforeunload:React组件和挂钩,侦听beforeunload窗口事件

    参数handler函数来调用BeforeUnloadEvent时beforeunload事件。例子import { useBeforeunload } from 'react-beforeunload' ;const Example = ( props ) => { const [ value , setValue ] = useState ( '' ) ; ...

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

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

    js页面生命周期1

    - beforeunload事件在用户尝试离开页面时触发,比如点击浏览器的前进/后退按钮、关闭窗口或导航到另一个URL。这个事件提供了一个机会检查用户是否保存了必要的更改,或者提示用户确认是否真的要离开页面。例如,...

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

    1. **beforeunload事件**:此事件在页面卸载之前触发,允许开发者执行一些清理工作,如取消请求、保存数据等。同时,我们也可以利用这个事件来显示关闭窗口的提示。例如: ```javascript window.addEventListener('...

    jquery资源包,仿百度提示框,Api

    在文档中,可能会介绍如何监听窗口的beforeunload事件,判断页面是否有未保存的更改,以及如何优雅地显示警告信息,并提供保存或离开的选项。 最后,提到的"附件"可能包含额外的代码示例、图片或者其他支持文件,...

    浏览器的知识体系结构思维导图(PDF版)

    当用户输入URL后,浏览器首先执行beforeUnload事件,如果缓存中存在DNS解析记录则直接使用,不存在则向DNS服务器请求IP地址。然后浏览器通过三次握手与服务器建立TCP连接,如果是HTTPS请求,还需要进行SSL/TLS加密...

    jquery.blockUI完整事例

    jQuery.blockUI可以通过监听window的beforeunload事件实现这一功能: ```javascript $(window).bind('beforeunload', function() { $.unblockUI(); }); ``` 这样,当用户刷新页面或者离开当前页面时,遮罩层会...

    Asp.net 防止提交相关(bing)

    5. **JavaScript验证**:在客户端使用JavaScript阻止用户在表单提交后继续点击提交按钮,或者监听窗口的beforeunload事件,防止用户在数据处理期间离开页面。 6. **WebAPI中的幂等性**:对于使用WebAPI构建的服务,...

    基于jQuery实现的当离开页面时出现提示的实现代码

    ### beforeunload事件 在Web开发中,`beforeunload`事件可以用来检测用户是否打算离开当前页面。如果页面未保存的工作将在用户离开时丢失,则此事件会触发一个对话框提示用户。这是由浏览器提供的机制,因此并不是...

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

    #### beforeunload事件 `beforeunload`事件在窗口、文档或其资源即将卸载时触发。当用户尝试离开页面或者重新加载页面时,这个事件会被触发。在Vue中,我们可以在组件的生命周期钩子函数 `mounted` 中添加这个事件...

    用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)

    Onunload,onbeforeunload都是在刷新或关闭时调用,可以在[removed]脚本中通过[removed]来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。...

    vue在App.vue文件中监听路由变化刷新页面操作

    另外一种方法是监听beforeunload事件,该事件是在页面即将卸载时触发的,可以在created钩子中添加事件监听,在beforeDestroy钩子中移除监听,以避免造成内存泄漏。在beforeunload事件的回调函数中,可以执行一些必要...

    脏支票表格::dolphin:检测未保存的角度表格更改

    做脏工作的最干净方法 检测未保存的角度形式的变化 产品特点 :white_heavy_check_... 此外,它还挂钩浏览器的beforeunload事件,以在需要时刷新/关闭选项卡时进行确认。 例如: import { dirtyCheck } from '@ngn

    interactor:一个简单的网站用户互动跟踪器

    收集使用情况数据,并在beforeunload事件上将其发送到用户定义的服务器端点。 非常适合创建数据库来驱动分析,通知A / B测试,监视参与度并指导站点优化决策。 这些数据可以帮助您分析: 用户如何浏览您的网站 ...

    angular-http-decoration-with-cancellation:这个项目演示了一个带有取消方法的 angular $http 服务的装饰

    当我们想要在意识到任务完成毫无意义时采取缓解措施时,此功能也是可取的 - 考虑到客户端已经启动了一个长时间运行的任务,但决定在它完成之前导航离开,可以订阅beforeunload事件预期并取消其处理程序中的所有未决...

    vue单页应用在页面刷新时保留状态数据的方法

    window.addEventListener的beforeunload事件会在即将离开页面之前触发,该事件可以用来执行一些清理操作,并且这个事件处理函数中可以进行状态的持久化操作。 ```javascript window.addEventListener("beforeunload...

    捕获网页关闭事件

    `beforeunload` 事件处理函数中的 `event` 对象包含了关于即将发生的卸载事件的信息。在早期版本的浏览器中,我们可以使用 `event.preventDefault()` 和 `event.returnValue` 来显示一个自定义的确认对话框,提示...

    事件集合js事件集合js事件集合

    3. 窗口和文档事件:load(页面加载完成)、unload(页面卸载)、beforeunload(页面即将卸载)、resize(窗口大小改变)、scroll(滚动条滚动)等。 4. 表单事件:submit(表单提交)、reset(表单重置)、focus...

Global site tag (gtag.js) - Google Analytics