页面离开前提示用户（onbeforeunload 事件）

【页面离开前提示用户（onbeforeunload 事件）】的更多相关文章

页面离开前提示用户（onbeforeunload 事件）

window.onbeforeunload = function (e) { var evt = e || window.event; evt.returnValue = '离开会使编写的内容丢失'; }…

//原理很简单,就是在body的onbeforeunload事件绑定函数,代码如下: document.body.onbeforeunload = function (event) { var c = event || window.event; if (/webkit/.test(navigator.userAgent.toLowerCase())) { return "离开页面将导致数据丢失!"; } else { c.returnValue = "离开页面将导致数据丢失…

js 页面离开前触发事件

当前窗口载入新的dom文档前发生 window.onbeforeunload = function(event) { return confirm("确定离开此页面吗?");…

使用vue的mixins混入实现对正在编辑的页面离开时提示

mixins.ts import { Vue, Component, Watch } from "vue-property-decorator" Component.registerHooks([ 'beforeRouteLeave' ]) @Component /* 此mixin用来页面离开时编辑提示, 如果组件引入该mixin,那么默认:url改变或者刷新关闭时会给出提示: 如果引入的组件更改url时不需要提示(比如点击保存按钮时),那么需要将showLeaveHint手动置为fa…

react-router 页面离开提示数据变更

以前项目使用 react-router2.0, 业务层面页面离开的时候需要弹出自己的弹出框,根据用户的操作,进行是否可以离开试了几种方式都存在问题,实现的并不完美,没办法对用户点击浏览器后退支持的很好,除非是显示系统默认的confirm,同步处理 1.setRouteLeaveHook setRouteLeaveHook没有callback机制,只能是修改了变化标志位,再push一遍,但是这个在实际情况也是有问题的,因为history就一直是push了,跟用户点后退不是一个交互了 2.onCh…

onbeforeunload事件

window.onbeforeunload=function(){ return "您正在编辑的博客尚未保存,确定要离开此页吗?"; }; 1.这个事件存在的意义就是防止用户不小心关闭浏览器而丢失正在编辑的内容,所以它的工作就是弹出一个关闭页面的警告. 使用这个事件不需要自己用confirm来自己发起一次询问,只要在返回值中写入询问对话框的字符即可. 2.beforeunload 指在页面卸载前提供的最后一次JS执行的机会,可以使用返回值文字提示用户,但Firefox却不显示该文字.…

JS之onunload、onbeforeunload事件详解

简介 onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过 window.onunload来调用.区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行. onbeforeunload 是正要去服务器读取新的页面时调用,此时还没开始读取:而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用. onunload事件 onunload 事件在用户退出页面时发生. on…

onunload与onbeforeunload事件解析标签：浏览器 2017-04-10 09:46 45人阅读评论(0)

注:只测试了chrome和IE浏览器的表现情况 onunload事件 //JS Document window.onunload = onunload_message; function onunload_message(){ alert("onunload successfully"); } 题外话:在js中,如果没有参数的函数调用的时候可以不用加括号的上面的例子执行时会在页面关闭后或页面刷新前弹出提示框,并且经过测试,chrome,opera浏览器完全不支持此事件(Due to…

各浏览器对 onbeforeunload 事件的支持与触发条件实现有差异

转载:http://www.w3help.org/zh-cn/causes/BX2047 标准参考无. 问题描述一般情况下,onbeforeunload 事件处理函数内会写入一些提示性语句,当用户的浏览器跳转到其他页面时,用来提醒用户当前页面将要跳转,请用户决定是否观看新页面.或者在 onbeforeunload 事件内处理一些业务逻辑,在浏览器跳转到新页面之前 ,执行一些业务逻辑,如保存用户浏览信息等. 简单的说这个事件应仅在页面 URL 发生变化时触发,但是在 IE 中使用 JavaS…

原生js实现类的添加和删除,以及对数据的add和update、view ，ajax请求，页面离开的操作

1 类操作 function hasClass(cla, element) { if(element.className.trim().length === 0) return false; var allClass = element.className.trim().split(" "); return allClass.indexOf(cla) > -1; } function addClass(cla,element){ if(!hasClass(cla,element)…

160503、onunload、onbeforeunload事件详解

最近项目中做到一个功能:在上传页面用户开始上传文件之后用户点击任意跳转都需要弹出提示层进行二次确定才允许他进行跳转,这样做的目的是为了防止用户的错误操作导致这珍贵的UGC 流失(通常用户在一次上传不成功之后,很容易就会打消了上传的念头的了,或去到其他平台进行上传). 在这里用到的是 onbeforeunload 事件.下面就梳理下 onunload.onbeforeunload 这两个事件,也顺带说说我遇到的问题与解决方案. onunload,onbeforeunload都是在刷新或关闭时调用,…

onunload、onbeforeunload事件详解--zhuan

最近项目中做到一个功能:在上传页面用户开始上传文件之后用户点击任意跳转都需要弹出提示层进行二次确定才允许他进行跳转,这样做的目的是为了防止用户的错误操作导致这珍贵的UGC 流失(通常用户在一次上传不成功之后,很容易就会打消了上传的念头的了,或去到其他平台进行上传). 在这里用到的是 onbeforeunload 事件.下面就梳理下 onunload.onbeforeunload 这两个事件,也顺带说说我遇到的问题与解决方案. onunload,onbeforeunload都是在刷新或关闭时调用,…

学习框架/对象onbeforeunload事件

1.有没有发现在一些表单提交页面,当我们点击页面某个链接要离开表单提交页面时会弹出一个提示信息,如下: 那么,这是提示是怎么产生的呢?代码如下: window.onbeforeunload=function(){ return false; } 只要在JavaScript中加入这个代码,就会产生上图的提示了! 附上菜鸟教程详细说明链接:onbeforeunload事件…

jquery ajax请求方式与提示用户正在处理请稍等，等待数据返回时loading的显示

1.jquery ajax请求方式与提示用户正在处理请稍等为了提高用户体验度,我们通常会给出 “正在处理,请稍等!”诸如此类的提示.我们可通过设置$.ajax()下的参数beforeSend()来实现初次使用$.ajax() ,我没有去区分过ajax的异步请求和同步请求的不同,刚开始使用同步请求,以至后来出现许多问题,特别在体验度方面.异步和同步:同步意味着执行完一段程序才能执行下一段,它属于阻塞模式,其表现在网页上的现象是——浏览器会锁定页面(即所谓的页面假死状态),用户不能操作其它的,必…

javascript的关于刷新页面给出提示框的代码

// 页面刷新事件 ,或者关闭事件的3中方法!测试都可以!参考官方文档: https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers.onbeforeunloadhttps://developer.mozilla.org/en-US/docs/Web/API 方法1:window.onbeforeunload = function(){ return '111'; } //web微信用的这种方法,方法2:window.…

关闭浏览器时提示的javascript事件

onbeforeunload事件它是这样用的: <script language="javascript"> g_blnCheckUnload = true; function RunOnBeforeUnload() { if (g_blnCheckUnload) { window.event.returnValue = 'You will lose any unsaved content'; } } </script> <body onbeforeun…

jquery ajax请求方式与提示用户正在处理请稍等

为了提高用户体验度,我们通常会给出 “正在处理,请稍等!”诸如此类的提示.我们可通过设置$.ajax()下的参数beforeSend()来实现初次使用$.ajax() ,我没有去区分过ajax的异步请求和同步请求的不同,刚开始使用同步请求,以至后来出现许多问题,特别在体验度方面. 异步和同步: 同步意味着执行完一段程序才能执行下一段,它属于阻塞模式,其表现在网页上的现象是——浏览器会锁定页面(即所谓的页面假死状态),用户不能操作其它的,必须等待当前请求返回数据.而使用异步方式请求,页面不会出现…

提示用户升级浏览器代码低于ie9的浏览器提示

一般想做一些酷炫的网站都有个烦恼,那就是兼容ie浏览器,好在现在使用ie的也越来越少,微软也转战edge浏览器. 使用 Bootstrap经常用js插件可以模拟兼容旧版本的浏览器(bsie 鄙视IE),而且经常可以看到如下的代码: <!--[if lt IE 9]> <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script sr…

提示用户升级IE6浏览器的办法

IE6一直饱受设计者们的诟病,互联网风云变幻十多年,唯一没变的就是这款在当初被微软内置在winxp系统而又火的不行的浏览器.而如今,在日新月异的网络环境下,IE6却让一个原本美观整洁的网页变得满目疮痍,甚至是惨不忍睹. 相比一些一些没有升级浏览器的网民而言,IE6带给网页设计者们的却是深深的苦难,网页设计者们为了能兼容这款已经严重落后却又至今占据着庞大用户市场的浏览器不知花费了多少时间和精力,抹杀了多少设计者们的本就入不敷出的脑细胞... 下面这段代码,是一段检测并提示用户升级IE6浏览器的代码…

2016-1-6第一个完整APP 私人通讯录的实现 2：增加提示用户的提示框，监听文本框

一:在登录时弹出提示用户的提示框: 1.使用第三方框架. 2.在登陆按钮点击事件中增加如下代码: - (IBAction)loginBtnClicked { NSString *acount = self.acountField.text; NSString *password = self.passwordField.text; // 跳出正在登陆的提示框 [MBProgressHUD showMessage:@"正在登陆"]; // 模拟加载中 QAQ 感觉好喜感啊 dispatc…

Android实现页面跳转、ListView及其事件

Android实现页面跳转.ListView及其事件开发工具:Andorid Studio 1.3 运行环境:Android 4.4 KitKat 工程内容进入主页面后,使用ListView实现特定页面点击其中任何一项水果,跳转到另外一个活动,使用Intent转换活动,并使用Bundle传递数据,跳转到特定页面代码实现首先在主页面的xml文件中添加ListView控件并给予id <LinearLayout xmlns:android="http://schemas.android…

UiTextField对输入的长度进行限制并提示用户还可输入的长度

最近想做用户昵称的限制,但是网上百度了很多方法效果都不是我自己想要的,终于找到种方法如下: 1.声明两个属性 nickname是昵称的textfleld canEditSizeLAbel是提示用户剩余可添加的数 @property (weak, nonatomic) IBOutlet UITextField *nickName; @property(nonatomic,strong)UILabel *canEditSizeLabel;//可编辑数的label 2 给textfield添加一个点…

使用NPOI将数据库里信息导出Excel表格并提示用户下载

使用NPOI进行导出Excel表格大家基本都会,我在网上却很少找到导出Excel表格并提示下载的简单的代码如下 //mvc项目可以传多个id以逗号相隔的字符串 public ActionResult execl(string ids) { List<PayLog> list = new List<PayLog>();//准备需要灌入excel的数据,paylog可替换你自己的数据类,这里因为是源代码所以没改 string[] idsstring = ids.Split(new c…

Android权限禁止及友好提示用户开通必要权限

Android权限 Android安全架构规定:默认情况下,任何应用都没有权限执行对其他应用.操作系统或用户有不利影响的任何操作.这包括读写用户的私有数据(联系人,短信,相册,位置).读写其他应用的文件.执行网络访问.使设备保持唤醒状态等等. 如果是一些正常的权限(非高危权限),比如网络访问等在应用清单文件(AndroidManifest.xml)中配置,系统会自动授予, 但是如果有一些高危权限,位置,文件存储,短信等这个时候系统会要求用户授予权限,Android 发出权限请求的方式取决于系统版…

Nginx 配置下载附件让浏览器提示用户是否保存

Nginx配置下载附件让浏览器提示用户是否保存 by:授客 QQ:1033553122 测试环境 nginx-1.10.0 问题描述: 前端页面,IE11浏览器下请求下载附件模板,针对xlsx格式文件,点击后会在浏览器中直接打开,并显示乱码. 解决方案: 修改Nginx配置,增加如下带背景色内容(添加http响应头) add_header Content-Disposition: "attachment; 或者如下 add_header Content-Disposition: &qu…

Laravel5.5+ 区分前后端用户登录

Laravel 的用户认证是通过 Auth Facade 门脸实现的,手动认证可是使用 Auth::login() 或 Auth::attempt() 这两个方法实现. 以下内容纯属个人实现,也许有更优的实现方式. 对于识别前后端的用户,可以使用 Auth::guard() 方法实现,前端默认为 web 看守,Auth::guard('web') ,后端用户使用 admin 看守, Auth::guard('admin') .1.新建 guard 看守在 config/auth.php 中新…

vue+element ui 的tab 动态增减，切换时提示用户是否切换

前言:工作中用到 vue+element ui 的前端框架,动态添加 Tab,删除 Tab,切换 Tab 时提示用户是否切换等,发现 element ui 有一个 bug,这里记录一下如何实现.转载请注明出处:https://www.cnblogs.com/yuxiaole/p/9523735.html 网站地址:我的个人vue+element ui demo网站 github地址:yuleGH github 代码如下: <html> <head> <title>测…

WP8学习笔记：如何在页面显示前自动转向到其他页面

在本次修练开始之前,我们除了预设的 MainPage页面外,也另外新增了一个 Login页面,如下图示: MainPage.xaml页面长这样 Login.xaml页面长这样因为我们的需求是要求使用者第一次使用 App时就先登入,所以我们必须在 MainPage显示之前就要强迫使用者导向到 Login页面.从我上一篇修练文章中可以看到我曾经用过 NavigationService来实作转向功能,如果你将转向的程式写在 Loaded事件 (如下程式码),那么使用者还是会先看到 MainPage的…

Vue 消除Token过期时刷新页面的重复提示

1.问题现象页面长时间未操作,再刷新页面时,第一次弹出"token失效,请重新登录!"提示,然后跳转到登录页面,接下来又弹出了n个"Token已过期"的后端返回消息提示. 2.原因分析当前页面初始化,有多个向后端查询系统参数的调用,代码如下: created () { // ======================================================================== // 获取需要的系统参数,注意:ge…

Appirater -- app中提示用户为app评价的提示框

Appirater是一段你可以嵌入自己工程中的代码,在用户使用应用一段时间后会自动弹出提示用户进行评分. 使用Appirater方面,你可以简单把源代码嵌入你的app工程中,并把以下代码添加至它的委托类中: #pragma mark 应用评分 [Appirater setAppId:kAppId];//程序的ID [Appirater setDaysUntilPrompt:7];//多少天后开始提示评价 [Appirater setUsesUntilPrompt:5];//多少次运行后开始提示评…