js刷新界面前事件onbeforeunload

最新推荐文章于 2023-05-05 11:38:27 发布
最新推荐文章于 2023-05-05 11:38:27 发布
阅读量122 收藏
点赞数
原文链接：http://www.cnblogs.com/cczlovexw/p/7339267.html
版权

这个方法的作用是防止填写信息时不小心按了刷新（F5，刷新界面，返回）。

目前能实现这个需求的只有这个方法。

具体代码如下：

1、首先在body添加 onbeforeunload 这个事件

<body οnbefοreunlοad="checkLeave()">

2、在js里面做操作

/*是否刷新界面，刷新界面弹哪个框*/
function checkLeave(){
    if(noticeLayerId == 1){
        notice_index()//自己要操作的事件，不需要可不用
        event.returnValue=false;
    } else {
        return false;
    }
}

目前只有这个方法，等以后有更好的再跟大家一起分享。

转载于:https://www.cnblogs.com/cczlovexw/p/7339267.html

bill_live
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript监听页面刷新或者离开的事件onbeforeunload
first_shun的博客
05-30 2865
一、onbeforeunload事件是干什么的 javascript在监听页面加载的时候有onload事件，是在页面加载完成之后出发的事件，而onbeforeunload事件就是在即将离开当前页面（刷新或关闭）时触发，用来监听页面刷新或者退出，该事件并且会弹出对话框提示用户是留在当前页面还是离开； 二、使用onbeforeunload事件 onbeforeunload事件的使用也特别简单 1、绑定在页面元素上，比如绑定在body上 <!DOCTYPE html> <html c
浅谈javascript中onbeforeunload与onunload事件
11-23
百度之，有onbeforeunload与onunload这两个事件，但是onbeforeunload在用户刷新的时候也会执行。搞得我弄的挺久的，所以想在这里做一个小小的总结 onbeforeunload与onunload事件 onbeforeunload定义和用法 ...
用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
01-21
Onunload，onbeforeunload都是在刷新或关闭时调用，可以在[removed]脚本中通过[removed]来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。 　　Onbeforeunload也是在页面刷新或关闭时调用，Onbeforeunload是正要去服务器读取新的页面时调用，此时还没开始读取；而onunload则已经从服务器上读到了需要加载的新的页面，在即将替换掉当前页面时调用。Onunload是无法阻止页面的更新和关闭的。而 Onbeforeunload 可以做到。 页面加载时只执
JS之onunload、onbeforeunload事件详解
weixin_34221773的博客
11-03 852
简介 onunload，onbeforeunload都是在刷新或关闭时调用，可以在&lt;script&gt;脚本中通过 window.onunload来调用。区别在于onbeforeunload在onunload之前执行，它还可 以阻止onunload的执行。 onbeforeunload 是正要去服务器读 取新的页面时调用，此时还没开始读取；而onunload则已经从服务器上读到了需要加载...
Js中onunload、onbeforeunload的使用
qq_17587603的博客
05-05 165
浏览器页面关闭调用onbeforeunload、onunload。浏览器页面刷新调用onbeforeunload。
Javascript判断页面刷新或关闭的方法(转)
weixin_30443895的博客
09-20 332
onbeforeunload与onunload事件 Onunload，onbeforeunload都是在刷新或关闭时调用，可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。 Onbeforeunload也是在页...
onbeforeunload与onunload事件异同点总结
12-01
在JavaScript中，`onbeforeunload` 和 `onunload` 是两个重要的页面生命周期事件，它们用于在用户离开网页或页面更新时触发相应的处理程序。本文将详细介绍这两个事件的异同点，以及它们在实际应用中的使用场景和...
关闭浏览器时提示onbeforeunload事件
01-19
onbeforeunload事件 它是这样用的： 代码如下:[removed] g_blnCheckUnload = true; function RunOnBeforeUnload() { if (g_blnCheckUnload) { window.event.returnValue = ‘You will lose any unsaved content...
js页面刷新及关闭 onbeforeunload 在即将离开当前页面(刷新或关闭)时执行
会飞的咕咕鱼的博客
12-23 808
// 页面关闭、刷新 onbeforeunload 在即将离开当前页面(刷新或关闭)时执行 window.onbeforeunload = (e) => { if ((e.clientX > document.body.clientWidth && e.clientY < 0) || e.altKey) ...
js里的onbeforeunload事件
summernight
03-21 333
最近的工作中让我发现遇到任何想要离开网页的时候，如果能有个事件来监控将会是一个很好的事情。终于被我发现了onbeforeunload事件，使用如下： &lt;body scroll="yes" style="overflow:auto;" onbeforeunload="return '您尚未填写完整简历，[取消]可继续填写简历，[确定]会离开简历填写，离开可能会丢失您填写的信息。';"&gt; ...
JS监听关闭浏览器事件之Onunload与Onbeforeunload
04-07
NULL 博文链接：https://primarykeylw.iteye.com/blog/1568120
onbeforeunload事件
观 止
05-06 1万+
定义 onbeforeunload 事件在即将离开当前页面（刷新或关闭）时触发。 该事件可用于弹出对话框，提示用户是继续浏览页面还是离开当前页面。 调用方式 MDN官方示例： window.addEventListener('beforeunload', function (e) { // Cancel the event e.preventDefault(); // ...
【原】js离开页面执行函数 onbeforeunload与onunload事件
weixin_34109408的博客
12-10 457
在最近的项目中，需要做到一个时间，就是用户离开页面的时候，我需要缓存页面其中一部分的内容，但是我不需要用户刷新的时候也缓存，我只希望在我用户离开的时候 执行这个函数。百度之，有onbeforeunload与onunload这两个事件，但是onbeforeunload在用户刷新的时候也会执行。搞得我弄的挺久的，所以想在这里做一个小小的总结 onbeforeunload与onunload事件...
javascript监听页面刷新事件
热门推荐
weixin_42987525的博客
08-12 1万+
代码】javascript监听页面刷新事件。
JS在点击取消关闭页面提示（onbeforeunload）后调用函数
AdamShyly的博客
12-12 1778
window.onbeforeunload = function (e) { e = e || window.event; var timer = setInterval(function(){ fun1(); clearInterval(timer); }, 1000); if (e) { e.returnValue = '关闭提示'; } return '关闭提示'; }; window.addEve.
onbeforeunload 事件详细介绍
大白菜代码哥
09-23 2835
来源：onbeforeunload 事件详细介绍 本文详细介绍 onbeforeunload与onunload事件，17javascript 从简单到复杂，适合初学者与高手，希望对大家有用。 　　Onunload，onbeforeunload都是在刷新或关闭时调用，可以在脚本中通过 window.onunload来指定或者在里指定。区别在于onbeforeunload在onunload之前
js中window.onbeforeunload关闭/刷新页面不生效的原因
我的个人博客
03-30 7743
在写一个需求，要求用户进入页面，返回/刷新/关闭该页面提示用户一些信息。发现在使用window.onbeforeunload的时候，必须打开调试才会生效，而且只有第一次有效，再次点击就会失效。 在实际使用中让用户打开调试模式肯定是不可能的，后来发现出现这种情况是因为没有在该页面有任何操作，或者是操作时间间隔太短，所以不会有提示。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"
阻止浏览器刷新，后退，关闭事件（onbeforeunload事件）
前端小白到专家的博客
03-16 2412
转载：https://www.codeleading.com/article/30744963107/
使用javascript的onbeforeunload事件
饿狼
08-08 6033
onbeforeunload事件会在onunload事件之前触发，它在用户离开页面之前弹出一个确认框，问用户是否要真正的离开本页面。如果用户点击了“确认”按钮，页面将会跳转或刷新。如果点击了“取消”，用户会停留在当前页面，onunload事件不会被触发。假设页面中有一个表单，用户
js onbeforeunload
最新发布
05-25
`onbeforeunload`是一个JavaScript事件，当用户正在离开页面时被触发。通常用于在用户离开之前提示用户是否保存未保存的更改或离开当前页面。 可以使用`window.onbeforeunload`来添加此事件的监听器。在监听器函数...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值