有时候在编辑页面用户做修改后,可能会有刷新、关闭等误操作造成当前页面信息的丢失,
何不先提醒一下用户呢?实例代码如下: 
<!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

在用户离开页面(刷新、后退、关闭等)时提示信息相关推荐

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

    js捕捉IE窗口失去焦点事件,判断离开页面刷新或关闭的方法 javascript如何捕捉IE窗口失去焦点事件 window.onblur = function(e) { //you code }; 弹 ...

  2. JS在即将离开当前页面(刷新或关闭)时触发事件

    // onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发window.onbeforeunload = function () {return /^\#\/ipinfo/.tes ...

  3. Vue中监听页面刷新和关闭beforeunload事件

    代码 在methods中定义事件方法,在mounted 生命周期钩子中绑定事件, 在destoryed钩子中卸载事件 mounted () {window.addEventListener('befo ...

  4. html离开页面时,js实现用户离开页面前提示是否离开此页面的方法(包括浏

    本文实例讲述了js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件).分享给大家供大家参考.具体如下: 用户离开页面前,提示是否离开此页面(包括浏览器按钮事件) 如果在退出页面时需要弹出 ...

  5. php离开界面监听,js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)...

    本文实例讲述了js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件).分享给大家供大家参考.具体如下: 用户离开页面前,提示是否离开此页面(包括浏览器按钮事件) window.onbef ...

  6. onbeforeunload不触发_用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)

    Onunload,onbeforeunload都是在刷新或关闭时调用,可以在 Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时 ...

  7. vue项目中监听页面刷新和关闭

    在实际开发项目中,有时候我们需要在刷新和关闭时,触发一些功能,那么如何监听到页面的刷新和关闭呢? 1. 在methods中定义事件方法: methods: {beforeunloadFn(e) {co ...

  8. VUE监听页面刷新和关闭事件

    背景:公司有一个数据看板,,需求是要统计看板有多少人看过,,每个人停留的曝光时间 使用技术:目前使用的技术是 后端Springboot 权限用的是SpringSecurity,前端页面是 Vue+El ...

  9. js在页面刷新或关闭之前对后台发送请求

    最近项目需求:记录用户在当前页面停留的时间 这里用到了window的自带api:beforeunload window.addEventListener('beforeunload', functio ...

最新文章

  1. 创建Maven的Web工程
  2. Java集合TreeMap
  3. android html图片点击事件,Android TextView加载HTMl图文之添加点击事件和查看图片
  4. 【error】Invalid ADAPTORNAME specified. Type 'imaqhwinfo' for a list of available ADAPTORNAMEs.
  5. oracle收集直方图,sql – 在Oracle中创建直方图/频率分布的最佳方法?
  6. 怎么监听linux防火墙,linux怎么查看防火墙是否开启并清除防火墙规则?
  7. 9.27 csp-s模拟测试53 u+v+w
  8. Mysql练习_MySQL练习(一)
  9. json-lib javabean转换为首字母大写的json串
  10. java 社招 简历_招聘java简历模板
  11. 论文绘图-教你如何绘制响应面
  12. 数学建模常用模型之秩和比综合评价法
  13. ASP.net开发实践系列视频教程(总共53课) 天轰穿新的视频
  14. 运用matlab求公式 的主析取范式与主合取范式,并求公式的成真赋值和成假赋值。
  15. 怎么给pdf添加水印-四个简单步骤
  16. CSR867x — CSR蓝牙开发调试经验
  17. pip安装第三方包出现ssl错误的解决方法
  18. 小猫爪:i.MX RT1050学习笔记5-中断NVIC
  19. 真的爱你计算机谱子,真的爱你钢琴简谱-数字双手-Beyond
  20. 纯JS省市区三级联动

热门文章

  1. Jerry Wang在SAP社区上获得的徽章
  2. SAP CRM one order模型BOR类型支持的对象列表
  3. 一步步在Kubernetes里运行Web应用
  4. vue计算多列和_解决vue 表格table列求和的问题
  5. rabbitmq实战_RabbitMQ 实战系列之:消息传递
  6. python decorator模块_Python decorator module
  7. seo自动发布外链工具_没资源、零经验,如何建立高质量外链?
  8. matlab 小波变换_连续小波变换实现方法的总结及其程序详解
  9. 红宝石服务器文件,使用红宝石MAMP作为本地服务器访问SQL语句
  10. 2top 存储过程 查看_S7-1500 PLC的存储区