前端-js 怎么检测页面被刷新 按F5刷新 这个刷新和在浏览器直接敲地址刷新 区别开来

问题描述

js 怎么检测页面被刷新 按F5刷新 这个刷新和在浏览器直接敲地址刷新 区别开来

js 怎么检测页面被刷新 按F5刷新 这个刷新和在浏览器直接敲地址刷新 区别开来 还有区别页面的跳转 后退 操作 也就是说 只能按F5才能激活这个事件

解决方案

按F5,ctrl+R刷新可以监控键值,但是地址栏回车,或者点击地址栏刷新无法区别

 <script>
    document.onkeydown = function (e) {//键盘按键控制
        e = e || window.event;
        if ((e.ctrlKey && e.keyCode == 82) || //ctrl+R
            e.keyCode == 116) {//F5刷新,禁止
            setTimeout(function () { alert('按下F5或者CTRL+R'); }, 100);//延时提醒,要不alert会导致return false被alert挂起从而浏览器执行了刷新
            return false
        }
    }
    document.write(new Date().getTime())
</script>

解决方案二:

兼容FF,IE,Chrome的js离开或刷新页面检测

时间: 2024-08-03 18:44:35

前端-js 怎么检测页面被刷新 按F5刷新 这个刷新和在浏览器直接敲地址刷新 区别开来的相关文章

jqueryui-关于前端JQ或JS获取别的页面传来的参数问题。

问题描述 关于前端JQ或JS获取别的页面传来的参数问题. 页面A向页面B 传递参数,可是页面A传递是用JQ的 ajax的Get请求,提交的参数没有在浏览器里面,例如?XXX=A&XXX=C这样子, ,所以页面B就不能用 var URL = document.location.toString(); 这样来获取了 求页面B该 怎么样写才能获取 ? 解决方案 首先你要明确一点, web 中两个页面的独立性是非常大的,里面的代码在两个独立的环境中解析运行,Chrome就干脆一个tab一个进程(基本上就

很容易被忘记的前端JS面试题

此题是综合之前的开发经验以及遇到的JS各种坑汇集而成.此题涉及的知识点众多,包括变量定义提升.this指针指向.运算符优先级.原型.继承.全局变量污染.对象属性及原型属性优先级等等. 用来考核面试者的 JavaScript的综合能力 /**  * 一道常被人轻视的前端JS面试题  *  * 此题是综合之前的开发经验以及遇到的JS各种坑汇集而成.此题涉及的知识点众多,包括变量定义提升.this指针指向.运算符优先级.原型.继承.全局变量污染.对象属性及原型属性优先级等等.  * 用来考核面试者的

js获取当前页面路径示例讲解

 本篇文章主要是对js获取当前页面路径的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 设置或获取对象指定的"文件名"或路径. <script> alert(window.location.pathname) </script>   设置或获取整个 URL 为字符串. <script> alert(window.location.href);  </script>   设置或获取与 URL 关联的端口号码. <sc

前端js文件合并三种方式

最近在思考前端js文件该如何合并,当然不包括不能合并文件,而是我们能合并的文件,想了想应该也只有三种方式. 三个方式如下: 1. 一个大文件,所有js合并成一个大文件,所有页面都引用它. 2. 各个页面大文件,各自页面合并生成自己所需js的大文件. 3. 合并多个共用大文件,根据实践情况合并出多个共用js文件,每个页面引用多个共用大文件. 另外在我看来,合并有两个目的: 1. 为了减少请求数. 2. 代码安全考虑(文件分得越多,越容易被人看清). PS:注意我说的不是压缩混淆,只是合并 1. 一

前端js文件合并的三种方式推荐_基础知识

最近在思考前端js文件该如何合并,当然不包括不能合并文件,而是我们能合并的文件,想了想应该也只有三种方式. 三个方式如下: 1. 一个大文件,所有js合并成一个大文件,所有页面都引用它. 2. 各个页面大文件,各自页面合并生成自己所需js的大文件. 3. 合并多个共用大文件,根据实践情况合并出多个共用js文件,每个页面引用多个共用大文件. 另外在我看来,合并有两个目的: 1. 为了减少请求数. 2. 代码安全考虑(文件分得越多,越容易被人看清). PS:注意我说的不是压缩混淆,只是合并 1. 一

JS修改iframe页面背景颜色的方法_javascript技巧

本文实例讲述了JS修改iframe页面背景颜色的方法.分享给大家供大家参考.具体如下: 下面的代码演示了如何在网页里通过JS代码修改嵌入的iframe的网页背景颜色 <!DOCTYPE html> <html> <head> <script> function changeStyle() { var x=document.getElementById("myframe"); var y=(x.contentWindow || x.cont

js 打开新页面在屏幕中间的实现方法_javascript技巧

<a href="javascript:void(0)" onclick="window.open('http://www.jb51.net', 'newwindow', 'height=500, width=900, top='+Math.round((window.screen.height)/2<span style="font-family: Arial, Helvetica, sans-serif;">-250</span

Android的WebView与H5前端JS代码交互的实例代码

前段时间项目有深度和前端对接过,也是碰了一些坑,现在有时间就拿出来分享下 JS调用原生不外乎就两种,一种是传假的url,也就是url拦截的方式,类似于下面这种: //js代码 function sendCommand(param){ var url="js-call://"+param; document.location = url; } sendCommand("PlaySnake"); //Java代码 mWebView.setWebViewClient(ne

使用HTML5的JS选择器操作页面中的元素

使用HTML5的JS选择器操作页面中的元素. 文件命名为:querySelector.html,可在Chrome浏览器中预览效果. <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>使用HTML5的JS选择器操作页面中的元素</title> </head> <body>