当前位置: 首页 > 编程笔记 >

JavaScript中判断页面关闭、页面刷新的实现代码

公冶渝
2023-03-14
本文向大家介绍JavaScript中判断页面关闭、页面刷新的实现代码,包括了JavaScript中判断页面关闭、页面刷新的实现代码的使用技巧和注意事项,需要的朋友参考一下

今天由于项目需要判断用户离开页面时要判断用户的行为是关闭还是刷新
虽然没有直接的方法,但通过一定的技巧也能做到
不得不感叹JavaScript的强大!!
请看一下代码


window.onunload = function(){       

        var a_n = window.event.screenX - window.screenLeft;       

        var a_b = a_n > document.documentElement.scrollWidth-20;       

        if(a_b && window.event.clientY< 0 || window.event.altKey){       

                  alert('关闭页面行为');

        }else{

                  alert('跳转或者刷新页面行为');     

            }

}


其实就是通过离开页面行为时间onunload触发时间去检测此时的浏览器的窗口大小,根据大小由此判断用户是刷新,跳转或是关闭行为。

兼容各大浏览器!

 类似资料:
  • 本文向大家介绍javascript判断网页是关闭还是刷新,包括了javascript判断网页是关闭还是刷新的使用技巧和注意事项,需要的朋友参考一下 原理就是通过离开页面行为时间onunload触发时间去检测此时的浏览器的窗口大小,根据大小由此判断用户是刷新,跳转或是关闭行为程序  代码如下  用浏览器右上角的关闭按钮时好用,但在选项卡上关闭和在任务栏上关闭,这个方法就不作用了 js标签只有onlo

  • 问题内容: 当用户关闭浏览器窗口或刷新页面时,是否可以运行最终的JavaScript代码? 我在想类似于onload但更像onclose的东西吗?谢谢。 我不喜欢onbeforeunload方法,该方法总是会弹出一个确认框(让页面保留/保留在mozilla上)或(重新加载/不重新加载chrome)。有没有办法安静地执行代码? 问题答案: 好的,我找到了一个可行的解决方案,包括使用事件,然后使处理程

  • 本文向大家介绍AngularJS实现页面定时刷新,包括了AngularJS实现页面定时刷新的使用技巧和注意事项,需要的朋友参考一下 有时我们在前端可能会有这样的需求: 1、每隔一段时间刷新一下页面中的数据 2、根据需要可以暂停和启用刷新 接下来我们就来看下AngularJS的实现方法: 首先我们了解到AngularJS中$interval可以用来处理间歇性处理一些事情,那么我们的间歇性刷新就使用i

  • 本文向大家介绍JavaScript实现页面定时刷新(定时器,meta),包括了JavaScript实现页面定时刷新(定时器,meta)的使用技巧和注意事项,需要的朋友参考一下 接下来进入正题-定时不断刷新页面的方法: 1.看到定时,很容易想到js的定时器: 2.通过meta来设置: 以上所述是小编给大家介绍的JavaScript实现页面定时刷新(定时器,meta),希望对大家有所帮助,如果大家有任

  • mui框架将窗口关闭功能封装在mui.back方法中,具体执行逻辑是: 若当前webview为预加载页面,则hide当前webview; 否则,close当前webview; 在mui框架中,有三种操作会触发页面关闭(执行mui.back方法): 点击包含.mui-action-back类的控件 在屏幕内,向右快速滑动 Android手机按下back按键 iOS平台原生支持从屏幕边缘右滑关闭 iO

  • 问题内容: 如何强制Web浏览器通过JavaScript硬刷新页面? 硬刷新意味着获取页面的新副本并刷新所有外部资源(图像,JavaScript,CSS等)。 问题答案: 尝试使用: 当此方法接收一个值作为参数时,它将导致该页面始终从服务器重新加载。如果为false或未指定,浏览器 可能会 从其缓存中重新加载页面。