javascript在离开页面时提示

之前在阿里的笔试，不小心按了回退键，页面就跳转了，当时就在想为什么不在离开的时候提示一下呢？好多童鞋都遇到了这样的状况。

刚刚看廖雪峰的博客的时候，http://www.liaoxuefeng.com/article/00137389242346981e495325cb54d808e1f9af9ab56e830000，

他给出了方法，其实很简单，就一句话：

window.onbeforeunload = function() {
    return ‘确定要离开本页面吗‘;
}

我的电脑上chrome，firefox和IE11都是测试通过的。

希望来年阿里的笔试会加上。。。

时间： 2024-12-21 01:03:01

javascript在离开页面时提示的相关文章

JavaScript当离开页面时可以进行的操作

当JavaScript离开页面时可以进行的操作 window.onbeforeunload = function() { var email = document.getElementById("email").value; if(!email) return "确定"; } 全部代码如下: <%@page language="java" import="java.util.*" pageEncoding="U

【JavaScript】离开页面前提示

离开页面前的提示不能够用onunload去做,由于它仅仅是兼容IE,你要兼容Google与FireFox就蛋疼了. 并且这个事件还是关闭之后才会触发的. 取而代之能够用onbeforeunload去实现. onbeforeunload能够在用户关闭或刷新窗体.或者点击本页内的不论什么超级链接都会触发的. 其JavaScript代码例如以下: <script> window.onbeforeunload=function(e){ var e=window.event||e; e.returnVa

用户离开页面时提示

在表单填写页,用户跳转之前往往有提示 window.onbeforeunload = function(){ return "必您确定要退出页面吗?"; } 去掉提示就是 window.onbeforeunload = function(){ return ; }

Jquery判断离开页面时，通过Ajax更新数据（兼容IE,Chrome，FF浏览器）

现在很多项目都有客户离开网页时,处理一些业务的需求.所以焦点就聚集在了如何获取页面离开事件. 以下是本人在一个项目中需要记录页面浏览时长的处理办法,测试兼容IE,Chrome,FF浏览器 代码如下: <!DOCTYPE html> <html> <head> <script type="text/javascript"> $(window).bind('beforeunload', function(e) {//页面卸载,就是用户关闭页面

【转】js监听浏览器离开页面操作

[转]https://www.cnblogs.com/slly/p/7991474.html 序言 大家是否经常遇到在关闭网页的时候,会看到一个确定是否离开当前页面的提示框?想一些在线测试系统.信息录入系统等就经常会有这一些提示,避免用户有意或者无意中关掉了页面,导致数据丢失.这里面的实现过程很简单,利用了HTML DOM事件中的onunload和onbeforeunload方法. unload 事件属性 定义:当用户卸载文档时执行一段 JavaScript,例如: // body<body o

React + antd 组件离开页面以后出现Can only update a mounted or mounting component 的解决办法

做项目的过程中,来回切换页面时,一直遇到Can only update a mounted or mounting component 这个问题,原因是当离开页面以后,组件已经被卸载,执行setState时无法找到渲染组件. 解决办法特别简单,在离开页面时的周期函数(componentWillUnmount)中: //组件将被卸载 componentWillUnmount(){ //重写组件的setState方法,直接返回空 this.setState = (state,callback)=>{

VUE 离开页面路由拦截

业务场景 在页面内容被编辑后,用户跳转其他路由,需要提示用户:当前页面有改动,确认离开后再进行跳转,以防编辑数据丢失. 代码 beforeRouteLeave (to, from, next) { this.targetName = to.name // 提示框点击确认后跳转的 路由 if (this.checkEdit()) { // 是否对页面进行了编辑 this.dialogVisible = true // 打开离开页面的提示框 next(false) } else { this.dia

JS返回页面时自动回滚到历史浏览位置

在网上查阅资料时,看到的方案有很多,众说纷纭,但真正给出可行可用代码的寥寥无几,所以我干脆自己用SessionStorage写了一个缓存页面的方法,在离开页面时将需要缓存的容器中所有内容都存到SessionStorage中,在返回页面时重新加载 代码不多 下面贴出代码: 加入这行代码监听 2: 之后读取存取到的offsetTop位置: 原文地址:https://www.cnblogs.com/linglansen/p/9814914.html

【JavaScript制作页面时常用的五个特效】------你用到了吗？

常用的五个特效的相关知识点见附录(五道例题后有附录哦~): 例一: 1.在某页面中有一个图片和五个超链接,如下图所示: 单击不同的数字超链接显示不同的图片: 图1 图片幻灯片显示效果 提示: (1)默认显示一个图片,五个超链接调用同一个传参函数,参数设置为显示图片的名称. (2)使用"对象名.属性值"或setAttribute()的方式改变图片的名称. JS参照代码如下: 1 <script type="text/javascript"> 2 var n