JavaScript中判断页面关闭、页面刷新的实现代码
- 软件编程
- 2026-01-11 18:11:51
今天由于项目需要判断用户离开页面时要判断用户的行为是关闭还是刷新
虽然没有直接的方法,但通过一定的技巧也能做到
不得不感叹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触发时间去检测此时的浏览器的窗口大小,根据大小由此判断用户是刷新,跳转或是关闭行为。

兼容各大浏览器!
# 跳转
# strong
# 也能
# 各大
# 时要
# br
# amp
# var
# JavaScript
# lt
# span
# function
# nbsp
# window
# event
# scrollWidth
# 基于JS实现发送短信验证码后的倒计时功能(无视页面刷新
# 页面关闭不进行倒计时功能)
# screenLeft
# javascript监听页面刷新和页面关闭事件方法详解
# js 页面关闭前的出现提示的实现代码
# onunload
# altKey
# js使用visibilitychange处理页面关闭事件
# 判断页面关闭
# 判断页面刷新
# a_n
相关栏目:
【
教研文案 】
【
日常文案 】
【
AI模型 】
【
网络运营 】
【
营销推广 】
【
云计算 】
【
技术教程 】
【
软件编程 】
【
汉字学习 】
【
歌词歌曲 】
【
精选文章 】
相关推荐:
MySQL修改存储过程的详细步骤
浅析Activity启动模式
python实现图片,视频人脸识别(dlib版)
Mybatis分页PageHelper插件代码实例
Python request post上传文件常见要点
docker-compose快速搭建docker私有仓库的步骤
Mybatis中连接查询和嵌套查询实例代码
解决docker安装后运行hello-world报错的问题
Java上传文件FTP服务器代码实例
Vue $attrs & inheritAttr实现button禁用效果案例
JavaScript实现表单验证功能
在宿主机上执行docker容器内部的shell或程序方式
Java jdk安装及javac命令无效解决方案
python 基于opencv 实现一个鼠标绘图小程序
js观察者模式的弹幕案例
SpringMVC Cron定时器Demo常见问题解决方案
Python OpenCV中的numpy与图像类型转换操作
解决IDEA 2025.3 lombok失效问题
Pandas中DataFrame交换列顺序的方法实现
js实现限定区域范围拖拉拽效果
Python排序函数的使用方法详解
PHP sdk文档处理常用代码示例解析
video.js添加自定义组件的方法
JQuery+drag.js上传图片并且实现图片拖曳
SpringBoot接入支付宝支付的方法步骤
Docker 命令自动补全的实现
Vue如何实现验证码输入交互
JavaScript实现网页tab栏效果制作
java使用jar包生成二维码的示例代码
Git提交代码错了吃后悔药的几种常用办法(场景分析)
如何创建一个Flask项目并进行简单配置
如何向scrapy中的spider传递参数的几种方法
IntelliJ IDEA之高效代码插件RainBow Brackets详解
PhpStorm连接服务器并实现自动上传功能
如何在JavaScript中等分数组的实现
python搜索算法原理及实例讲解
MySQL 连接查询的原理和应用
详解Scrapy Redis入门实战
vue中利用three.js实现全景图的完整示例
C# 使用HttpClient上传文件并附带其他参数的步骤
C++获取字符串长度的几个函数方式
Aop动态代理和cglib实现代码详解
vue添加自定义右键菜单的完整实例
微信小程序实现锚点跳转
一文告诉你Sql的执行顺序是怎样的
解决python3.6用cx_Oracle库连接Oracle的问题
C语言 实现输入任意多个整数
python通过cython加密代码
Impala-shell命令参数的实现
10分钟教你本地配置多个git ssh连接的方法
本文转自网络,如有侵权请联系客服删除。
热门内容推荐
C#使用虚拟方法实现多态
- 2026-01-11
JavaScript原生对象之String对象的属性和方法详解
- 2026-01-11
js实现DOM走马灯特效的方法
- 2026-01-11
轻松创建nodejs服务器(1):一个简单nodejs服务器例子
- 2026-01-11
php实现微信公众平台账号自定义菜单类
- 2026-01-11
