45IT.COM- 电脑学习从此开始!
DIY硬件教程攒机经验装机配置
设计Photoshop网页设计特效
系统注册表DOS系统命令其它
存储主板显卡外设键鼠内存
维修显卡CPU内存打印机
WinXPVistaWin7unix/linux
CPU光驱电源/散热显示器其它
修技主板硬盘键鼠显示器光驱
办公ExcelWordPowerPointWPS
编程数据库CSS脚本PHP
网络局域网QQ服务器
软件网络系统图像安全
页面导航: 首页 > 设计学院 > 网络编程 > javascript >

js判断浏览器是刷新还是关闭代码

电脑软硬件应用网 45IT.COM 时间:2015-03-17 16:45 作者:佚名
我们有时在发文章或发信息时会碰到我们点击离开页面时会提示是否离开了,其实这个功能就是用到了js判断浏览器是刷新还是关闭功能了,下面来看个例子。 如我们按5与点击浏览器的关闭按钮,我们可以通过下面js来识别
我们有时在发文章或发信息时会碰到我们点击离开页面时会提示是否离开了,其实这个功能就是用到了js判断浏览器是刷新还是关闭功能了,下面来看个例子。
 
 

如我们按5与点击浏览器的关闭按钮,我们可以通过下面js来识别。


window.onbeforeunload = function(){
var n = window.event.screenX - window.screenLeft;
var b = n > document.documentElement.scrollWidth-20;
if(b && window.event.clientY < 0 || window.event.altKey)
{
// alert("是关闭而非刷新");
//window.event.returnValue = "是否关闭?";
}else{
// alert("是刷新而非关闭");
if(document.getElementById('content').value!=''){
window.event.returnValue = '刷新后将丢失现有的日记内容,确认刷新?';
}
}
}

其实很简单就是通过判断event.clientY与按钮来判断了,这个没什么原理非常的简单各位可以测试一下。

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐知识