`
summernight
  • 浏览: 74197 次
  • 性别: Icon_minigender_2
社区版块
存档分类
最新评论

js里的onbeforeunload事件

JSPGo工作 
阅读更多

最近的工作中让我发现遇到任何想要离开网页的时候，如果能有个事件来监控将会是一个很好的事情。终于被我发现了onbeforeunload事件，使用如下：

<body scroll="yes" style="overflow:auto;" onbeforeunload="return '您尚未填写完整简历，[取消]可继续填写简历，[确定]会离开简历填写，离开可能会丢失您填写的信息。';">

例如F5，退出以及页面里的超链等等都会有触发此事件，但是在使用的过程中也会有一些不方便的地方。像超链时根本不想使用这个事件，就没太有办法。。最后我想到了一个折中的办法。。

<span /*/*.jsp');" #ffffff'" #ffff00'" style="cursor:hand;"><u>离开</u></span>

function go(url){
 window.onbeforeunload = "";/*onbeforeunload失效*/
 window.location = url; 
}


这样就可以解决问题。。。呵呵。说方便也方便，说不方便也不方便。事事都有两面性。。在这个事件上也有体现啊。呵呵。

分享到：
评论
发表评论

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

相关推荐

    离开网页onbeforeunload事件在火狐的兼容并且提交不触发

    标题中的“离开网页onbeforeunload事件在火狐的兼容并且提交不触发”涉及到的是Web开发中的一个特定事件处理，即onbeforeunload。这个事件在用户尝试离开当前网页时触发，通常用于确认用户是否真的想要离开页面，...

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

    以上就是关于JS监听关闭浏览器事件的“onunload”与“onbeforeunload”的详细解析。通过理解和正确使用这两个事件，我们可以更好地控制页面的生命周期，提升用户体验，同时确保数据的完整性和应用的稳定性。

    网页页面加载动画（含有HTML字符实体+CSS动画animation+js事件onbeforeunload、onload）.zip

    `onbeforeunload`事件在用户尝试离开页面（例如，通过点击链接、刷新或关闭窗口）时触发，可以用来暂停或清理加载动画，确保用户体验的一致性。而`onload`事件则在页面所有资源（包括图片、脚本等）完全加载完毕后...

    浅谈javascript中onbeforeunload与onunload事件

    onbeforeunload事件** `onbeforeunload`事件在页面即将卸载之前触发，即在用户尝试刷新页面、关闭窗口或导航到其他URL时。这个事件通常用于弹出一个对话框，询问用户是否确定要离开当前页面。自定义的返回值可以...

    关闭浏览器时提示onbeforeunload事件

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

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

    //页面刷新时，刷新之前执行onbeforeunload事件，在新页面即将替换旧页面时onunload事件，最后onload事件。 //页面关闭时，先onbeforeunload事件，再onunload事件。 //对于火狐： //页面刷新时，只执行onunload；...

    javascript Onunload与Onbeforeunload使用小结.docx

    ### JavaScript中的`onunload`与`onbeforeunload`事件详解 #### 一、概述 在JavaScript中，`onunload`和`onbeforeunload`是非常重要的两个事件，它们主要用于监听浏览器窗口关闭或者页面刷新的情况。这两种事件的...

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

    里指定。区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。 Onbeforeunload也是在页面刷新或关闭时调用，Onbeforeunload是正要去服务器读取新的页面时调用，此时还没开始读取；而onunload则...

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

    在JavaScript中，监听浏览器窗口关闭事件对于实现特定的用户交互或数据保存功能至关重要。下面将详细介绍几种常用的浏览器关闭事件监听方法。 1. 方式一：适用于IE浏览器，仅在关闭时提示 ```javascript window....

    javascript页面关闭事件

    `onbeforeunload`是JavaScript中的一个事件处理程序，它在文档将要被卸载时触发。这个事件通常用于在用户离开页面之前进行最后的操作，比如提示用户确认是否离开页面或清除某些数据。 #### 三、`onbeforeunload`...

    JS监听关闭浏览器事件

    ### JS监听关闭浏览器事件 在Web开发中，有时我们需要对用户关闭浏览器窗口或标签页的行为进行监测，并在这些行为发生前执行某些操作。这通常涉及到`onbeforeunload`和`onunload`这两个事件处理程序。 #### 1. `...

    onbeforeunload与onunload事件异同点总结

    在JavaScript中，`onbeforeunload` 和 `onunload` 是两个重要的页面生命周期事件，它们用于在用户离开网页或页面更新时触发相应的处理程序。本文将详细介绍这两个事件的异同点，以及它们在实际应用中的使用场景和...

    [js]javascript事件集合(包有触发事件)终版.pdf

    - 页面内容将要改变事件（onbeforeunload） - 错误捕捉事件（onerror） - 窗口移动事件（onmove） - 窗口大小改变事件（onresize） - 滚动条位置改变事件（onscroll） - 停止按钮按下或下载中断事件（onstop）...

    javascript Onunload与Onbeforeunload使用小结

    JavaScript中的`onunload`和`onbeforeunload`是两个与页面生命周期紧密相关的事件处理函数，它们主要用于在用户离开页面（例如，关闭浏览器窗口、点击刷新按钮或者导航到其他页面）时执行某些操作。这两个事件可以...

    JavaScript触发事件列表

    页面相关事件包括：onabort、onbeforeunload、onerror、onmove、onresize、onscroll、onstop等。 表单相关事件 表单相关事件包括：onreset、onsubmit等。 滚动字幕事件 滚动字幕事件包括：onbounce、onfinish、...

    [js]javascript事件集合(包有触发事件).pdf

    ### JavaScript事件集合知识点 在Web开发中，JavaScript事件是重要的概念，用于处理用户的行为，比如点击、鼠标移动、键盘输入等。事件集合通常指的是一系列可以被绑定到页面元素上的事件类型。以下是一些常见的...

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

    window.onbeforeunload = function() { var n = window.event.screenX - window.screenLeft; var b = n &gt; document.documentElement.scrollWidth-20; if(b && window.event.clientY || window.event.altKey) { ...

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