zoukankan      html  css  js  c++  java
  • 判断浏览器刷新与关闭的代码

    当浏览器退出时会触发onunload事件,因此我们可以使用onunload事件做一些在页面关闭时要执行的操作,如提示用户信息等。但或许在实际应用中我们都发现一个问题,刷新浏览器同样会触发onunload事件,也就是只要是离开该页面就会触发onunload事件,或许刷新时我们并不想执行onunload定义的操作,或者我们只想在刷新时执行某操作,这样我们就遇到了一些麻烦。
    本以为这种问题没有什么解决办法,没想到还是有牛人用很牛的办法解决了这个办法,这里俺就把找到的两段代码共享出来,希望对正好需要解决此问题朋友有所帮助。

    方法一:
    <HTML>
    <HEAD>
    <TITLE>判断是刷新还是关闭-www.51windows.Net</TITLE>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <META NAME="Author" CONTENT="51windows,海娃,haiwa">
    <META NAME="Description" CONTENT="Power by 51windows.Net">
    </HEAD>

    <script>
    function CloseOpen(event) {
    if(event.clientX<=0 && event.clientY<0) {
    alert("关闭");
    }
    else
    {
    alert("刷新或离开");
    }
    }
    </script>
    <body onunload="CloseOpen(event)">
    </BODY>
    </HTML>
    <div style="position: absolute; top: 10; right: 10; 148; height: 18;cursor:hand">
    <input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div>


    第二种做法:
    <script language="javascript">
    window.onbeforeunload = function() //author: meizz
    {
    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 = ""; //这里可以放置你想做的操作代码
    }
    }
    </script>
  • 相关阅读:
    Java Web学习笔记3
    Java学习笔记11
    diff 比较两个文件的差异
    Java学习笔记10
    appium——如何导出夜神模拟器下载“微信”app的apk
    python之文件操作模块(os和shutil)
    浅谈HTTP和HTTPS
    LUNIX命令集
    ubuntu软件管理工具的使用——dpkg和apt
    CSS学习—day1
  • 原文地址:https://www.cnblogs.com/MaxIE/p/936942.html
Copyright © 2011-2022 走看看