
正文
js里如何判断关闭与刷新,js判断页面刷新
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
如何用js监听浏览器页面的关闭/刷新事件
经过改写的javascript方法,能够监听到鼠标点击浏览器关闭按钮、浏览器状态栏鼠标右键弹出菜单中的关闭以及各种快捷键。但是双击浏览器坐上角图标关闭浏览器和关闭标签页无法监听。
return e.returnValue = 确认关闭?;} window.onunload = function () { //这个执行完onbeforeunload 会调用该function,//alert()是不会有弹出的。} 调用上面的代码,用谷歌浏览器关闭浏览页面或者跳转页面都会弹出下面页面询问。
使用onunload或onbeforeunload可以监听浏览器关闭事件,但是无法区分关闭与刷新。
参考下面方法:判断的原理就是通过离开页面行为时间onunload触发时间去检测此时的浏览器的窗口大小,根据大小由此判断用户是刷新,跳转或是关闭行为程序。
下面的代码兼容除 Opera 之外的任何浏览器。Opera 到现在最高版本为止对 onunload 的支持都是不完整的,对于 unbeforeunload 更是根本不支持。
首先判断浏览器的类型,简便可用navigator.userAgent()获取浏览器的字符串,与浏览器类型做查找即可。目前对Chrome和firfox区分关闭和刷新成功。浏览器为firfox时flag为false,Chrome为true。
相关问答
Q1: 关于谷歌浏览器用js怎么判断用户是点击了刷新按钮还是关闭按钮
这段js能监听到鼠标点击浏览器关闭按钮、浏览器状态栏鼠标右键弹出菜单中的关闭以及各种快捷键。但是双击浏览器坐上角图标关闭浏览器和关闭标签页无法监听。
首先判断浏览器的类型,简便可用navigator.userAgent()获取浏览器的字符串,与浏览器类型做查找即可。目前对Chrome和firfox区分关闭和刷新成功。浏览器为firfox时flag为false,Chrome为true。
return e.returnValue = 确认关闭?;} window.onunload = function () { //这个执行完onbeforeunload 会调用该function,//alert()是不会有弹出的。} 调用上面的代码,用谷歌浏览器关闭浏览页面或者跳转页面都会弹出下面页面询问。
经过改写的javascript方法,能够监听到鼠标点击浏览器关闭按钮、浏览器状态栏鼠标右键弹出菜单中的关闭以及各种快捷键。但是双击浏览器坐上角图标关闭浏览器和关闭标签页无法监听。
js标签只有onload\onunload\onbeforeunload事件,而没有onclose事件。不管页面是关闭还是刷新都会执行onunload事件。如何捕捉到页面关闭呢?页面加载时只执行onload 页面关闭时只执行onunload 页面刷新时先执行onbeforeunload,然后onunload,最后onload。
你可以在点击提交按钮那里加入js,onSubmit,就能判断出来了。其他刷新事件可以用window.onbeforeunload事件判断出来。
Q2: js判断页面是关闭还是刷新
页面刷新时先执行onbeforeunload,然后onunload,最后onload。这样我们可以在onbeforeunload中加一个标记,在onunload中判断该标记,即可达到判断页面是否真的关闭了。
//页面刷新时,只执行onunload;页面关闭时,只执行onbeforeunload事件 刷新的时候先onbeforeunload,然后取服务端请求数据,在新页面即将替换旧页面时onunload事件,而页面关闭时,先onbeforeunload事件,再立即onunload事件。
刷新或关闭页面都会触发onbeforeunload和onunload事件,浏览器没有提供这样的接口来判断是刷新或关闭。不过有一个不怎么靠谱的办法,就是在onbeforeunload和onunload回调函数里面判断鼠标的位置是不是负数,如果是的话,也许就是点了关闭按钮,否则的话也许是按了F5。
浏览器为firfox时flag为false,Chrome为true。
javascript的onbeforeunload()和onunload()两个事件。相同点:两者都是在对页面的关闭或刷新事件作个操作。不同点:unbeforeunload()事件执行的顺序在onunload()事件之前发生。(因为,unbeforeunload()是在页面刷新之前触发的事件,而onubload()是在页面关闭之后才会触发的)。
Q3: 用JS在IE和火狐下判断网页是刷新还是关闭,页面跳转
1、//页面刷新时,刷新之前执行onbeforeunload事件,在新页面即将替换旧页面时onunload事件,最后onload事件。//页面关闭时,先onbeforeunload事件,再onunload事件。
2、Onunload与OnbeforeunloadOnunload,onbeforeunload都是在刷新或关闭时调用,可以在脚本中通过window.onunload来指定或者在里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。
3、HTML页面的跳转代码:即页面打开5秒后,跳到新浪网上面的代码,放在网页头部的“”上方.javascript语言ef=;PHP跳转代码:使用该Header函数时必须网页未产生任何输出,此时尤其要注意空格的问题。
关于js里如何判断关闭与刷新和js判断页面刷新的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。






