页面关闭或刷新时触发javascript的事件

当页面在关闭或刷新时提示

window.onbeforeunload(function(){  //判断是关闭还是刷新  1、满足关闭,否则是刷新  if(event.clientX>document.body.clientWidth && event.clientY < 0 || event.altKey){    //关闭时怎么处理
  }else{    //刷新时怎么处理
  }

});

触发条件:
1、关闭浏览器窗口2、通过地址栏或收藏夹前往其他页面的时候3、点击返回,前进,刷新,主页其中一个的时候4、点击 一个前往其他页面的url连接的时候
 
时间: 2024-11-05 11:27:53

页面关闭或刷新时触发javascript的事件的相关文章

当页面关闭或刷新时提示用户

需求: 1.当页面关闭或刷新时提示用户是否已保存: 2.页面中的某些ajax操作成功后,如果需要刷新(window.location.reload())页面,但不需要提示用户是否已保存. 解决方法: 1)在页面加载后注册onbeforeunload事件,页面关闭前和刷新前都会触发onbeforeunload事件: //注册页面刷新和关闭提醒事件 window.onbeforeunload = function () { return "请确认信息是否已保存!"; }; 2)在相应的aj

jQuery和dom页面加载完成时触发的事件

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Insert title here</title> 6 <script type="text/javascript" src="js/jquery-1.8.3.js"></script> 7 <script

JSFF或JSF页面加载时触发JavaScript之方法

现象一 最近在项目中遇到这么一个问题,有些页面元素是在页面加载时通过JavaScript动态渲染而成.当生成这些元素的JavaScript脚本被放置于JSPX文件中时,界面渲染没有问题.但是当我们把生成这些页面元素的JS脚本放到JSFF时就会发现,JS脚本只在我们进入TaskFlow的第一个View被执行了,进入后续View时,后续View的JS代码加载和执行. 分析 通过分析,发现当进入TaskFlow的第一个View时,第一个View中通过<af:resource/>标签引入的JS代码能成

微信子页面关闭后刷新父页面

前段时间开发微信公众号时,需要用到从编辑页面点击保存后,跳转到列表页面后并刷新,网上找了好多 function f_close(){ if(typeof(WeixinJSBridge)!="undefined"){ //WeixinJSBridge.call('closeWindow'); history.go(-1); }else{ if (navigator.userAgent.indexOf("MSIE") > 0) { if (navigator.us

js页面关闭或者刷新的判断

<HTML>  <HEAD>  <title>页面刷新</title>  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="content-type" content="text/html;charset=utf-8"> </HEAD>

当页面返回不刷新时进行强制刷新

disableBFCacheBeforeHistoryTravel: function() { // https://www.google.com/search?q=BFCache // 情景:将要跳转到某一被 BFCache 了的页面,希望该页面强制刷新 // 用法:在 history.go() history.back() 之前调用此方法 localStorage.setItem('bfcache_disable', true); }, preventBFCacheOnCurrentPage

js window.open()打开的页面关闭后刷新父页面

function test(){ var winObj = window.open(URL); var loop = setInterval(function(){ if(winObj.closed){ clearInterval(loop); parent.location.reload(); } },1); }

页面关闭和刷新事件

var _t; window.onbeforeunload = function(){ closeTime(); setTimeout(function(){_t = setTimeout(onunloadcancel, 0)}, 0); return "真的离开?"; } window.onunloadcancel = function(){ clearTimeout(_t); //alert("取消离开"); }

javascript鼠标双击时触发事件大全

javascript事件列表解说 事件 浏览器支持 解说 一般事件 onclick IE3.N2 鼠标点击时触发此事件 ondblclick IE4.N4 鼠标双击时触发此事件 onmousedown IE4.N4 按下鼠标时触发此事件 onmouseup IE4.N4 鼠标按下后松开鼠标时触发此事件 onmouseover IE3.N2 当鼠标移动到某对象范围的上方时触发此事件 onmousemove IE4.N4 鼠标移动时触发此事件 onmouseout IE4.N3 当鼠标离开某对象范围