`
xijunhu
  • 浏览: 155889 次
  • 性别: Icon_minigender_1
  • 来自: 无锡
社区版块
存档分类
最新评论

未保存离开页面要给出提示

 
阅读更多
用户要求在未保存离开时要给出提示,正好记得cnblogs上有这个功能,所以整理的一下。
<HTML>
<HEAD>
<TITLE>test</TITLE>
</HEAD>

<BODY>
<FORM METHOD=POST ACTION="">
<INPUT TYPE="button" value="save" onclick="bypassCheck();saveClick()">
</FORM>
</BODY>
</HTML>
<script language="javascript">

var g_blnCheckUnload = true;
function RunOnBeforeUnload()
{
    if(g_blnCheckUnload)
    {
        window.event.returnValue = '你将丢失没有保存的内容';
    }
}

function bypassCheck()
{
    g_blnCheckUnload  = false;
}
onbeforeunload=RunOnBeforeUnload;
</script>
分享到:
评论

相关推荐

    vue实现表单未编辑或未保存离开弹窗提示功能

    最近做一个表单弹出框,表单保存提交,但是,产品提出,用户不保存,而关闭弹出框时,要给出一个弹窗提示。这个功能,可以用watch监听表单数据。当数据表单发生变化,用户点击了关闭按钮,则根据监听结果来判断用户...

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

    如果在退出页面时需要弹出对话框,提示用户将要退出页面,类似当设置某个功能时而没有保存页面。这个实现的方法比较简单,最常见的就是使用unload事件,但这种实现有一个缺点,就是不管同意与否,结果还是一样,会...

    js 页面离开,关闭,刷新时提醒保存 简单代码.

    js 页面离开,关闭,刷新时提醒保存 简单代码.

    离开页面时候的警告

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

    js 实现在离开页面时提醒未保存的信息(减少用户重复操作)

    为了解决这个问题,我们可以使用JavaScript来实现一个功能,当用户尝试离开页面时,会检测到未保存的信息并提醒用户保存。 首先,我们需要定义一个变量来记录页面上是否有未保存的信息。在本例中,使用了一个名为`...

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

    这段代码会在用户尝试离开页面时弹出一个带有自定义提示的确认对话框。 2. `window.onunload`事件:此事件在页面已经卸载之后触发,一般用于清理资源或执行一些必要的操作,因为此时用户已经无法通过点击“取消”...

    .net网站 离开页面时自动保存

    在.NET框架中,通常使用ASP.NET来开发Web应用程序,而这里的实现是当用户尝试离开页面时,系统会提示用户是否保存他们在页面上进行的任何更改。 描述中提到的"VS2008打开,自带的DB,直接运行就可看效果",意味着...

    如何实现web页面的提示保存功能

    根据提供的文件内容,本文将详细解释如何在Web页面上实现提示...综上所述,这种方案有效地解决了Web应用中常见的一项需求——在用户尝试离开页面前提示保存未保存的数据,从而提高了用户体验并减少了数据丢失的风险。

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

    本文介绍了vue如何在用户要关闭当前网页时弹出提示的实现,分享给大家,具体如下: 效果如下图 正常 js 页面处理方式 [removed] = function (e) { e = e || window.event; // 兼容IE8和Firefox 4之前的版本 if ...

    离开页面时检测表单元素是否被修改,提示保存的js代码

    当用户在表单上进行编辑后试图离开页面时,系统会弹出一个提示,询问他们是否确认离开,这样可以防止用户错失保存修改的机会。 首先,我们需要理解JavaScript的`window.onbeforeunload`事件。这是一个在浏览器窗口...

    离开页面时提醒你加入书签.rar

    标题“离开页面时提醒你加入书签.rar”所涉及的核心技术是JavaScript的事件处理和书签功能。在网页设计中,书签是一个重要的用户交互元素,允许用户方便地保存当前页面以便日后访问。这个压缩包可能包含了一个...

    vue单页面实现当前页面刷新或跳转时提示保存

    在这个钩子中,可以通过window.confirm弹出一个提示框,询问用户是否确定要离开当前页面。如果用户选择取消,就可以通过调用next(false)来阻止跳转,从而防止页面刷新。 示例代码如下: ```javascript ...

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

    在网页开发中,有时我们希望用户在离开页面之前得到确认提示,以防他们意外丢失未保存的数据。Chrome 浏览器提供了 `onbeforeunload` 事件,使得开发者可以在用户尝试关闭浏览器窗口或离开页面时弹出一个确认对话框...

    ajax页面数据自动保存

    2. **事件驱动**:除了定时器,还可以结合页面事件(如`onblur`、`onchange`等)来触发数据保存,确保数据在用户离开或修改时被及时保存。 3. **数据校验**:在自动保存前,进行必要的数据校验,防止无效数据被保存...

    离开当前页面前使用js判断条件提示是否要离开页面

    在onbeforeunload事件触发时,会执行一个匿名函数,该函数获取到用户在输入框中输入的内容,如果该内容为空(或未输入),则返回一条提示消息给用户,询问用户是否真的想要离开页面。如果用户在浏览器的对话框中确认...

    保存前的提示框

    这种提示框通常会在用户尝试离开一个未保存更改的页面或应用时出现,以防止意外数据丢失。 首先,我们要理解提示框的作用。提示框(对话框)是一种用户界面组件,它打断了用户当前的任务流程,要求用户做出明确的...

Global site tag (gtag.js) - Google Analytics