`
pengfeng
  • 浏览: 230470 次
  • 性别: Icon_minigender_1
  • 来自: 河南
社区版块
存档分类
最新评论

如何在离开页面时弹出确认对话框

JavaScriptHTML 
阅读更多

 离开页面确认主要是利用了onbeforeunload事件，当该事件声明为：

<body onbeforeunload="return pageBeforeunload(event);">
时（注意是return一个函数），在页面离开时将弹出默认的询问确认窗口， pageBeforeunload()函数只需要返回一个字符串，字符串的内容将显示在该窗口的中间一行，点击OK离开页面，点击Cancel继续停留在当前页面。

     该方式具体的代码如下：

<script type="text/javascript">

var curElement;

function pageBeforeunload(evt){   
    return 'Are you sure you want to leave this page?';
}

</script>

<body onbeforeunload="return pageBeforeunload(event);">

</body>
 

     另外一种方式是把onbeforeunload声明为：

<body onbeforeunload="pageBeforeunload(event);">
    在该种方式下，将不会弹出系统默认的离开确认对话框，此时可以在pageBeforeunload函数内部，通过调用confirm方法进行确认，这种方式的好处是，即便在用户确认离开页面的时候，也可以进行必要的状态保存操作。此时pageBeforeunload的代码可以写成：

function pageBeforeunload(evt){
    var confirm = confirm('Are you sure to leave this page?');
    if(confirm == true){
        // 添加必要的处理逻辑
    }
}
 
转自：http://www.cnblogs.com/drummery/archive/2009/01/12/1374132.html

分享到：
| Eclipse快捷键总结
评论
发表评论

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

相关推荐

    IE 浏览器弹出的对话框 自动点击确认

    IE浏览器（Internet Explorer）作为曾经广泛使用的网络浏览器，有时会弹出需要用户手动确认的对话框，如"是否离开此页面"或"下载确认"等。在特定场景下，自动点击这些对话框能提高效率，避免人工干预。以下是对这个...

    页面中弹出对话框div

    在网页设计中，"页面中弹出对话框div"是一个常见的需求，用于向用户展示临时信息、确认操作或收集输入。对话框通常不离开主页面，而是覆盖在内容上，提供一种交互方式。本篇文章将深入探讨如何使用HTML的div元素来...

    ASP开发实例 窗口及页面设置的一些样式 鼠标单击链接样式 为弹出的窗口加入关闭按钮 日期选择器 弹出全屏显示网页 关闭IE主窗口时，不弹出询问对话框 弹出网页对话框 安徽机电职业技术学院 陈伟

    6. **关闭IE主窗口时，不弹出询问对话框**：在ASP中，这通常涉及修改用户的浏览器设置，或者使用JavaScript代码来覆盖默认的关闭确认对话框。例如，使用`window.onbeforeunload`事件，但需要注意，这样做可能会引起...

    简单的jQuery确认对话框鼠标点击弹出提示对话框插件

    在这个场景中，我们关注的是一个基于jQuery的简单确认对话框插件，这个插件允许开发者在用户点击时弹出提示对话框，以增加用户交互的体验。 确认对话框通常用于在用户执行关键操作前进行确认，如删除数据或离开页面...

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

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

    Delphi禁止WebBrowser弹出IE的对话框

    本篇文章将详细介绍如何在Delphi中禁止WebBrowser控件弹出IE的对话框。 首先，我们需要理解`alert()`对话框的弹出机制。当WebBrowser加载的页面中执行了JavaScript代码，比如`alert('Message')`，IE浏览器会显示一...

    Asp.net弹出对话框控件

    在Asp.net开发中，弹出对话框控件是一种常用的功能，它允许用户在不离开当前页面的情况下进行交互，如确认操作、输入信息或者显示详细信息。这些对话框通常是JavaScript库，如jQuery UI或Bootstrap模态对话框，与...

    弹出网页模式对话框

    在网页设计和开发中，"弹出网页模式对话框"是一种常见的交互手段，它用于向用户展示信息或者获取用户的输入，而不会离开当前页面。这种技术通常涉及到JavaScript、HTML和CSS的综合运用，以实现优雅的用户体验。接...

    返回键退出应用弹出对话框

    然而，在某些情况下，如游戏或需要特别确认的场景，弹出确认对话框是合适的。 6. **ExitActivity**：在提供的文件列表中，`ExitActivity`可能是实现这个功能的特定活动类。这个类可能包含了上述逻辑，处理返回键...

    IE7 关闭窗口不弹出对话框

    标题“IE7 关闭窗口不弹出对话框”涉及到的是在使用Internet Explorer 7（简称IE7）浏览器时，如何避免在关闭窗口时出现确认对话框的问题。这通常与JavaScript和浏览器的设置有关，因为大多数浏览器会在用户尝试离开...

    在html页面中弹出子页面效果

    在HTML页面中实现弹出子页面的效果是一种常见的交互设计，常用于展示详细信息、弹窗确认操作或提供附加功能。这种效果通常是通过JavaScript或者相关的库如jQuery来实现的。Struts1是一个较老的Java Web框架，它允许...

    jQuery实现鼠标拖拽确认对话框弹出层特效源码.zip

    本资源“jQuery实现鼠标拖拽确认对话框弹出层特效源码.zip”提供了一种利用jQuery创建具有拖拽功能的确认对话框的实现方式，这种对话框在用户尝试离开页面或进行特定操作时会弹出，增加用户体验。 首先，我们需要...

    jquery弹出层不关闭 父页面刷新

    这里，我们主要讨论如何使用jQuery实现这样的功能，即在一个弹出层（通常是一个模态对话框）显示时，用户可以操作父页面而不会导致弹出层关闭。 首先，jQuery是一个强大的JavaScript库，它提供了丰富的API来处理DOM...

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

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

    js弹出对话框方式小结

    此外，一些网站还会利用 confirm() 函数在用户关闭窗口时进行拦截，提示用户是否真的要离开页面，从而防止数据丢失。 综上所述，JavaScript 提供的对话框方式能够满足开发中绝大多数情况下的用户交互需求。开发者...

    超级漂亮对话框 确认取消 登陆窗口 注册窗口 弹出式菜单

    1. **确认取消**：当用户需要执行可能有风险的操作时（如删除文件），会弹出一个对话框，询问用户是否确定执行，同时提供取消选项以防止误操作。 2. **登陆窗口**：用户需要登录网站时，通常会弹出一个包含用户名和...

    jQuery带页面跳转的确认提示框代码

    当需要用户确认某些操作，如离开页面或执行删除操作时，通常会用到带有页面跳转功能的确认提示框。在jQuery中实现这样的功能并不复杂，下面将详细讲解如何实现这一功能。 首先，我们需要引入jQuery库。如果你的项目...

    jQuery确认对话框插件

    在Web应用程序中，确认对话框通常用于在用户执行关键操作（如删除数据或离开页面）前进行确认，以避免意外操作。默认的JavaScript `confirm()`函数虽然简单，但样式单一且无法自定义，而jQuery确认对话框插件则提供...

    离开页面时候的警告

    标题中的“离开页面时候的警告”指的是在用户尝试离开一个网页时，网页通过JavaScript或者其他技术显示的提示信息，通常用于确认用户是否真的想要离开，或者提醒用户保存未完成的工作。这种功能常见于在线表单填写、...

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