vue 判断是刷新还是关闭窗口

Vue - 监听页面刷新和关闭

一,在 created中注册页面刷新和关闭事件 created() { window.addEventListener('beforeunload', e => this.test(e)) } 二,事件,将你的逻辑方法加进去 methods: { test(e) { console.log('刷新或关闭') // ... } } 三,卸载注册的事件 destroyed() { window.removeEventListener('beforeunload', e =>

用js判断页面刷新或关闭的方法

Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定.区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行. Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取:而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调

如何机智判断页面是刷新还是关闭，背景：vue项目，需求：关闭页面，下次直接跳到登陆页

最近项目有这么个需求:要在关闭当前系统的窗口的时候,退出登录, 因为如果不退出登录可能存在安全风险,其实我想说,电脑没事别借给别人活着离开工位记得一定要锁屏,其实我们设置了cookie失效时间的,过了一段时间会自动清空cookie. 经过我查资料,自身尝试网上的各种方法,发现都有问题. 总结这一路的尝试: 一.页面加载时只执行onload ,页面关闭时只执行onunload,页面刷新时先执行onbeforeunload,然后onunload,最后onload. 经过验证我得出的结论是: (1)对

js捕捉IE窗口失去焦点事件,判断离开页面刷新或关闭的方法

js捕捉IE窗口失去焦点事件,判断离开页面刷新或关闭的方法 javascript如何捕捉IE窗口失去焦点事件window.onblur = function(e) { //you code}; 弹框的要控制次数有几种方案,一种是放到cookies里面保存code,会影响到其他文件请求都带上cookies值,用户访问文章多了以后比较影响请求响应.另外一种就是在当前页面加个全局变量,一次只弹一次,下次刷新后也只弹一次,当然也可以加个次数的控制. ===========================

基于JavaScript判断浏览器到底是关闭还是刷新(超准确)

这篇文章主要介绍了基于JavaScript判断浏览器到底是关闭还是刷新(超准确)的相关资料,需要的朋友可以参考下本文是小编总结的一些核心内容,个人感觉对大家有所帮助,具体内容请看下文: 页面加载时只执行onload 页面关闭时只执行onunload 页面刷新时先执行onbeforeunload,然后onunload,最后onload. 经过验证我得出的结论是: //对于ie,谷歌,360: //页面加载时只执行onload//页面刷新时,刷新之前执行onbeforeunload事件,在新页面即

简述在Js或Vue中监听页面的刷新、关闭操作

1.背景大家是否经常遇到在关闭网页的时候,会看到一个确定是否离开当前页面的提示框?想一些在线测试系统.信息录入系统等就经常会有这一些提示,避免用户有意或者无意中关掉了页面,导致数据丢失.而最近在做项目的时候有一个需求,用户在表单页面中进行操作,为了防止用户在未保存表单数据的情况下离开.刷新页面等造成数据的丢失,需要在这种操作下出现是否离开的提示框,这里面的实现过程很简单,利用了HTML DOM事件中的onunload和onbeforeunload方法. 2.解决思路阻拦,每次就是阻拦,而阻拦

添加/删除-HTML DOM 常用对象 -BOM-打开和关闭窗口- history-location

1. 添加/删除 3步: 1. 添加一个空元素 var a=document.createElement("a"); <a></a> 2. 定义元素的关键属性 a.innerHTML="文本"; a.href="url"; <a href="url">文本</a> 3. 将新元素添加到DOM树 parent.appendChild(a) 在parent下子元素末尾追加a par

刷新或关闭时调用onbeforeunload

Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定.区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行. Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取:而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时

javascript 关闭窗口，弹出新窗口并带有确认关闭对话框解决办法

在很多人眼里,北京是一个物欲横流的社会,生活节奏之快,让你一丝都不能停下来,走在路上伴随着人群急速往前涌,或许有些人都不知道要去哪.也不知道自己想要的是什么?在一个浮躁的社会里,多了一些浮躁的人,到处的寻找捷径,脚踏实地已经跑得无影无踪. 公司里项目一个接一个的上线,上线后一个接一个的出现问题,或许是我们该反思的时候了,在时间.质量.成本三者需要平衡的时候,我们总是会在时间和成本上做考虑,上线之前的演示只是一个纸老虎,其实离使用的程度差的很远,我们总会一开始把客户的欲望调得很高,但是种种的

Example007关闭窗口时关闭父窗口

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>实例007关闭窗口时刷新父窗口</title> </head> <body> <a href="#" onClick="Javascript

MVVM模式下关闭窗口的实现

通过行为来实现实现界面与逻辑的分离窗口关闭行为:其中含有布尔型的Close属性,将相应的关闭行为绑定到该属性上,则可以实现窗口的关闭行为,从而实现VM与View的分离 public class WindowCloseBehaviour : Behavior<Window> { public static readonly DependencyProperty CloseProperty = DependencyProperty.Register( "Close", ty

vue中前进刷新、后退缓存用户浏览数据和浏览位置的实践

vue中前进刷新.后退缓存用户浏览数据和浏览位置的实践 2018年07月07日 11:58:40 大灰狼的小绵羊哥哥阅读数:4492 vue中,我们所要实现的一个场景就是: 1.搜索页面==>到搜索结果页时,搜索结果页面要重新获取数据, 2.搜索结果页面==>点击进入详情页==>从详情页返回列表页时,要保存上次已经加载的数据和自动还原上次的浏览位置. 最近在项目中遇到这个问题,思考了几套方案,总是不太完善.百度搜到的方案也基本都只能满足一些很简单的需求.对于复杂一些的情况,还是有些

js-10s倒计时后关闭窗口

效果: html: <h1 id="h1">10s后关闭窗口</h1> <a id="a1">启动</a> js: (function(){ var s=10; var timer=null; a1.onclick=function(){ //为了防止连续点击按钮,导致定时器,执行的太快,加个判断 if(timer==null){//当现在没有定时器在运行时,才能启动定时器. timer=setInterval(fun

easyui-window 关闭事件，只要关闭窗口就会触发

$(function () { $('#windowsMSG').window({ onBeforeClose: function () { //当面板关闭之前触发的事件 if (confirm('窗口正在关闭,请确认您当前的操作已保存.\n 是否继续关闭窗口?')) { $('#windowsMSG').window('close', true); //这里调

让window.close不提示：您查看的网页正在试图关闭窗口。是否关闭此窗口？

正常来说,当我们调用window.close来关闭从地址栏中打开的窗口时,IE会弹出提示说:您查看的网页正在试图关闭窗口,是否关闭此窗口? 你可以将window.close替换成下边的脚本,然后再测试下看: //关闭 $("#close_btn").click(function(){ newwin = window.open("","_parent",""); newwin.close(); }); 是不是没有提示了?猜测原因

实现关闭窗口IE不提示兼容火狐

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <ti

【温故而知新-Javascript】窗口效果（全屏显示窗口、定时关闭窗口）

1.全屏显示窗口 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="

Javascript动态调整文章的行距、字体、颜色，及打印页面和关闭窗口功能

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

JavaScript关闭窗口的同时打开新页面的方法

做网页的时候需要弹出一个小窗口,然后要实现一个功能就是鼠标点击超链接关闭小窗口并打开一个新页面,就如同下图: 这是一个小窗口,点击超链接这个窗口会关闭并且会正常在浏览器打开新页面,首先写js关闭窗口的方法 <script type="text/javascript"> function closewin(){ //关闭窗口的方法 window.opener=null; window.open('','_self',''); window.close(); } </sc

JavaScript关闭窗口的方法

当你创建了一个新窗口时,将open()方法的返回值分配给一个变量非常重要.比如,下面的语句就是创建一个新窗口,然后立即关闭它: win = window.open("http://www.docjs.com/", "js"): win.close(): 每一个浏览器窗口都清楚地与一个window对象对应,所以,当你想引用当前窗口时,你应该使用window对象.下面的语句设置当前窗口的URL: window.location.href = "http://w

vue 判断是刷新还是关闭窗口

热门专题