在用户离开页面(刷新、后退、关闭等)时提示信息
何不先提醒一下用户呢?实例代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Confirm Before Leave</title> <script language="javascript" type="text/javascript"><!-- var pb_strConfirmCloseMessage; var pb_blnCloseWindow = false; pb_strConfirmCloseMessage ="您真的要离开本页吗?"; function ConfirmClose() { window.event.returnValue = pb_strConfirmCloseMessage; pb_blnCloseWindow = true; } function ShowConfirmClose(blnValue) { if(blnValue) { document.body.onbeforeunload = ConfirmClose; } else { document.body.onbeforeunload = null; } } //--> </script> </head> <body οnlοad="ShowConfirmClose(true);"> <input type=button value="提示" οnclick="ShowConfirmClose(true);"> <input type=button value="不提示" οnclick="ShowConfirmClose(false);"> <input type=button value="测试刷新" οnclick="window.location.reload();"> </body> </html>
[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]
转载于:https://www.cnblogs.com/Dicky/archive/2005/06/17/175910.html
在用户离开页面(刷新、后退、关闭等)时提示信息相关推荐
- js捕捉IE窗口失去焦点事件,判断离开页面刷新或关闭的方法
js捕捉IE窗口失去焦点事件,判断离开页面刷新或关闭的方法 javascript如何捕捉IE窗口失去焦点事件 window.onblur = function(e) { //you code }; 弹 ...
- JS在即将离开当前页面(刷新或关闭)时触发事件
// onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发window.onbeforeunload = function () {return /^\#\/ipinfo/.tes ...
- Vue中监听页面刷新和关闭beforeunload事件
代码 在methods中定义事件方法,在mounted 生命周期钩子中绑定事件, 在destoryed钩子中卸载事件 mounted () {window.addEventListener('befo ...
- html离开页面时,js实现用户离开页面前提示是否离开此页面的方法(包括浏
本文实例讲述了js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件).分享给大家供大家参考.具体如下: 用户离开页面前,提示是否离开此页面(包括浏览器按钮事件) 如果在退出页面时需要弹出 ...
- php离开界面监听,js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)...
本文实例讲述了js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件).分享给大家供大家参考.具体如下: 用户离开页面前,提示是否离开此页面(包括浏览器按钮事件) window.onbef ...
- onbeforeunload不触发_用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
Onunload,onbeforeunload都是在刷新或关闭时调用,可以在 Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时 ...
- vue项目中监听页面刷新和关闭
在实际开发项目中,有时候我们需要在刷新和关闭时,触发一些功能,那么如何监听到页面的刷新和关闭呢? 1. 在methods中定义事件方法: methods: {beforeunloadFn(e) {co ...
- VUE监听页面刷新和关闭事件
背景:公司有一个数据看板,,需求是要统计看板有多少人看过,,每个人停留的曝光时间 使用技术:目前使用的技术是 后端Springboot 权限用的是SpringSecurity,前端页面是 Vue+El ...
- js在页面刷新或关闭之前对后台发送请求
最近项目需求:记录用户在当前页面停留的时间 这里用到了window的自带api:beforeunload window.addEventListener('beforeunload', functio ...
最新文章
- 创建Maven的Web工程
- Java集合TreeMap
- android html图片点击事件,Android TextView加载HTMl图文之添加点击事件和查看图片
- 【error】Invalid ADAPTORNAME specified. Type 'imaqhwinfo' for a list of available ADAPTORNAMEs.
- oracle收集直方图,sql – 在Oracle中创建直方图/频率分布的最佳方法?
- 怎么监听linux防火墙,linux怎么查看防火墙是否开启并清除防火墙规则?
- 9.27 csp-s模拟测试53 u+v+w
- Mysql练习_MySQL练习(一)
- json-lib javabean转换为首字母大写的json串
- java 社招 简历_招聘java简历模板
- 论文绘图-教你如何绘制响应面
- 数学建模常用模型之秩和比综合评价法
- ASP.net开发实践系列视频教程(总共53课) 天轰穿新的视频
- 运用matlab求公式 的主析取范式与主合取范式,并求公式的成真赋值和成假赋值。
- 怎么给pdf添加水印-四个简单步骤
- CSR867x — CSR蓝牙开发调试经验
- pip安装第三方包出现ssl错误的解决方法
- 小猫爪:i.MX RT1050学习笔记5-中断NVIC
- 真的爱你计算机谱子,真的爱你钢琴简谱-数字双手-Beyond
- 纯JS省市区三级联动
热门文章
- Jerry Wang在SAP社区上获得的徽章
- SAP CRM one order模型BOR类型支持的对象列表
- 一步步在Kubernetes里运行Web应用
- vue计算多列和_解决vue 表格table列求和的问题
- rabbitmq实战_RabbitMQ 实战系列之:消息传递
- python decorator模块_Python decorator module
- seo自动发布外链工具_没资源、零经验,如何建立高质量外链?
- matlab 小波变换_连续小波变换实现方法的总结及其程序详解
- 红宝石服务器文件,使用红宝石MAMP作为本地服务器访问SQL语句
- 2top 存储过程 查看_S7-1500 PLC的存储区