`
zzjjun0000
  • 浏览: 23489 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

如何实现浏览器关闭页面时弹出“确定要离开此面吗?”

 
阅读更多

一、避免弹出提示框

在网上搜了很多,答案大都是设置window.onbeforeunload=null ,但是试用之后无效。

这个问题放了两天之后返回来再次想,终于找到了答案,在此和大家分享一下:

解除jquery离开页面弹出提(1) 先解除绑定在设置弹出内容为null。

$(function(){
    $(window).unbind('beforeunload');
    window.onbeforeunload = null;
   })

 

 

二、其他相关[摘要]

(1)window的onunload和onbeforeunload事件

以下是指在js中实现,而非 <body onunload="close()"> 这种方法!
因为这样是在unload掉body的时候触发,而无论任何浏览器,都会在关闭的时候unload掉body的!

模型1:

 function close(){ 
  alert("this is a test");
  } 
  window.onbeforeunload=close;

  模型2:

 function close(){ 
      if(document.body.clientWidth-event.clientX< 170&&event.clientY< 0||event.altKey) 
      { 
          alert("this is a test");
      }  
  } 
  window.onbeforeunload=close;  


复制代码
关于模型1:
1).刷新,多窗口和单窗口都适合.
2).单窗口ie关闭整个ie触发.
3).ie7多窗口中关闭单页触发
4)其他多窗口刷新触发.关闭单个和关闭整个都不触发

 

对于模型2:
1).ie单窗口 和ie7多窗口,都要关闭整个浏览器才触发
2).其他多窗口浏览器刷新.关闭单页,关闭整个都不触发

 (2)创建离开提示框

绑定beforeunload事件

 $(window).bind('beforeunload',function(){
      return '您输入的内容尚未保存,确定离开此页面吗?';
  });

 解除绑定

 $(window).unbind('beforeunload');
  window.onbeforeunload = null;

 

 

分享到:
评论

相关推荐

    如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗?”

    Chrome 浏览器提供了 `onbeforeunload` 事件,使得开发者可以在用户尝试关闭浏览器窗口或离开页面时弹出一个确认对话框。本文将详细介绍如何在Chrome中实现这一功能,并探讨与之相关的技术细节。 首先,我们需要...

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

    下面将详细介绍几种常用的浏览器关闭事件监听方法。 1. 方式一:适用于IE浏览器,仅在关闭时提示 ```javascript window.onbeforeunload = onclose; function onclose() { if (event.clientX &gt; document.body....

    JS监听关闭浏览器事件

    当用户试图关闭或刷新页面时,会弹出一个对话框显示`"确定要离开吗?"`这个消息。如果用户选择离开,那么页面将关闭或刷新;如果用户取消,那么页面将保持不变。 #### 2. `onunload`事件 与`onbeforeunload`不同,...

    vue如何在用户要关闭当前网页时弹出提示的实现

    在Vue.js应用中,有时我们需要在用户尝试离开当前页面时显示一个提示对话框,确认他们是否真的想要离开。这通常用于防止用户意外丢失未保存的数据。实现这一功能的关键是利用浏览器提供的`window.onbeforeunload`...

    javascript经典特效---离开页面弹出窗口.rar

    在本主题"javascript经典特效---离开页面弹出窗口"中,我们主要关注的是如何利用JavaScript来实现用户试图离开网页时弹出确认对话框的功能。 在网页设计中,有时我们希望在用户即将关闭浏览器窗口或跳转到其他页面...

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

    它的一个常见用途是弹出一个对话框,确认用户是否确定要离开页面,因为这可能是他们未保存数据的情况下误操作。 ```javascript window.onbeforeunload = function(event) { var confirmationMessage = '确认要离开...

    JavaScript 关于浏览窗口不关闭的问题

    当用户尝试关闭窗口(例如点击浏览器的关闭按钮或者导航到另一个页面)时,这段代码会弹出一个对话框,显示提供的字符串作为提示信息。如果用户选择留在当前页面,他们将无法离开;只有当他们确认离开时,对话框才会...

    js实现关闭网页出现是否离开提示

    本文将深入探讨如何利用JavaScript实现一个功能,即在用户尝试关闭网页时弹出一个提示框询问用户是否确实要离开。 在JavaScript中,有两个关键的事件属性可以帮助我们实现这个功能:`onbeforeunload` 和 `onunload`...

    关闭浏览器时提示onbeforeunload事件

    在这个函数中,如果`g_blnCheckUnload`为`true`,那么`window.event.returnValue`会设置为'You will lose any unsaved content',这会在浏览器弹出一个对话框,显示这个消息,询问用户是否确定要离开页面。...

    JavaScript关闭当前页面(窗口)不带任何提示

    4. 当用户点浏览器的“最大化”、“最小化”、“关闭”按钮中的“关闭”按钮时,也弹出关闭的确认对话框 为了在用户尝试关闭浏览器窗口时提供确认对话框,可以使用body标签的onbeforeunload事件。这个事件会在窗口、...

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

    ### 补充知识点:如何在用户要关闭当前网页时弹出提示 除了监听窗口关闭事件,我们还可以在用户尝试关闭页面时提供自定义提示。这是通过覆盖默认的 `window.onbeforeunload` 方法实现的。在Vue组件中,我们可以这样...

    JS监控关闭浏览器操作的实例详解.docx

    注意,返回的 `warning` 字符串会在浏览器弹出的提示框中显示,询问用户是否确定离开。自2020年6月开始,浏览器为了防止滥用,不再允许开发者自定义提示信息,而是显示默认的提示。 2. `onunload` 事件: 当页面...

    js 页面关闭前的出现提示的实现代码.docx

    这段代码会在用户试图关闭页面时弹出一个包含“确定离开页面吗?”的提示框。如果用户点击“取消”,则页面不会关闭;如果用户点击“确定”,则页面将正常关闭。 ##### 2.2 另一种写法 另一种常见的实现方式是这样...

    javascript页面关闭事件

    在Web开发中,有时我们需要在用户即将离开当前页面时执行一些操作,例如询问用户是否确定离开(如果他们对表单进行了未保存的更改)、记录用户的某些行为等。这些场景可以通过监听页面关闭事件来实现。本文将详细...

    关闭窗口出现提示

    当用户尝试关闭网页或浏览器窗口时,开发者有时希望弹出一个提示框,询问用户是否确认离开当前页面,以防用户意外关闭重要操作或未保存的数据。以下是对这一主题的详细解释: 1. **JavaScript中的onbeforeunload...

    页面弹出层 提示框

    在网页设计和开发中,页面弹出层和提示框是不可或缺的交互元素,它们用于向用户传达信息、警告、确认操作或请求输入。本篇将深入探讨这些知识点,旨在帮助开发者更好地理解和应用。 首先,我们要了解什么是“弹出层...

    js 页面关闭前的出现提示的实现代码

    在JavaScript中,`onbeforeunload`事件是网页即将卸载或刷新时触发的事件,它为开发者提供了一种在用户离开页面之前与用户交互的能力。这个功能被广泛应用于需要确认用户是否真的想要离开当前页面的场景,比如在线...

    js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)

    这段代码会在用户尝试离开页面时弹出一个对话框,其中包含了“您的文章尚未保存!”这个提示信息。用户可以选择是否离开页面。如果用户点击“离开”,则页面卸载继续;如果用户点击“取消”,则页面不会卸载,用户...

Global site tag (gtag.js) - Google Analytics