onbeforeunload 使用方法

onbeforeunload 使用方法概述当窗口即将被卸载 关闭 时 会触发该事件 此时页面文档依然可见 且该事件的默认动作可以被取消 语法 window onbeforeunlo funcReffuncR 是一个函数引用该函数应当将一个说明字符串赋值给 Event 对象的 returnValue 属性 兼容旧版浏览器 并且返回该字符串请注意 在 Firefox4 及其后续版本中 返回的说明字符串并不向用户显示

概述

  • 当窗口即将被卸载(关闭)时,会触发该事件.此时页面文档依然可见,且该事件的默认动作可以被取消.

语法

window.onbeforeunload = funcRef

  • funcRef 是一个函数引用
  • 该函数应当将一个说明字符串赋值给Event对象的returnValue属性(兼容旧版浏览器),并且返回该字符串
  • 请注意,在Firefox4及其后续版本中,返回的说明字符串并不向用户显示,也就是无法自定义说明字符串.查看Bug .

示例(二选一)

window.onbeforeunload = function (e) { 
    e = e || window.event; // 兼容IE8和Firefox 4之前的版本 if (e) { 
    e.returnValue = '关闭提示'; } // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+ return '关闭提示'; }; 
window.addEventListener("beforeunload", function (event) { 
    event.returnValue = "我在这写点东西..."; }); 
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/209678.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月19日 上午8:40
下一篇 2026年3月19日 上午8:40


相关推荐

  • 【保姆教程】使用Claude code完成一个贪吃蛇小游戏

    【保姆教程】使用Claude code完成一个贪吃蛇小游戏

    2026年3月15日
    3
  • stm32入门教程_单片机STM32

    stm32入门教程_单片机STM32提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言首先你得知道学习stm32,实际就是在学ARM内核,stm32内核就是ARM的;一、pandas是什么?示例:pandas是基于NumPy的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):importnumpyasnpimportpandasaspdimportmatplotlib..

    2025年9月24日
    6
  • 用python提取字符串的中英文——建议收藏反复观看

    用python提取字符串的中英文——建议收藏反复观看python中提取字符串的中文或英文re中的sub函数提取中文提取英文提取数字re中的findall函数提取中文提取英文提取数字re中的compile函数同时匹配中英文数字去除其他字符前言:提取中英文是我们在做数据处理时候经常使用的,最高效的做法就是通过正则判断了,下面是我写的笔记,希望对你有用re中的sub函数使用Python的re模块,re模块提供了re.sub用于替换字符串中的匹配项。re.sub(pattern,repl,string,count=0)参数说明:

    2022年5月20日
    55
  • 如何使用Seedance 2.0:Dreamina的完美AI視訊教程

    如何使用Seedance 2.0:Dreamina的完美AI視訊教程

    2026年3月13日
    2
  • eclipse的创建java程序步骤

    eclipse的创建java程序步骤众所周知,java是一个比较折腾的语言==当然这个折腾更多在软件上,在你好不容易在一大堆英文中下到jdk以及合适的idea或者eclipse合适版本,然后辛辛苦苦配置好的系统变量以后,打开界面以为新建就好了?那不可能,打开新建的时候你一定是崩溃的下面我们一起来看看如何在eclipse建立一个合适的项目包来开开心心的写helloworld吧!1.打开新建点击”包“输入一个包名这里尽量用规范的命名,这里我们给一个Test2.然后出来个界面你以为就可以开始写我们的helloworld了吗?

    2022年7月9日
    23
  • js对数字数组排序[通俗易懂]

    js对数字数组排序[通俗易懂]js中经常需要用到对数组进行排序的操作,当数组中的元素均为数字时,直接使用sort()进行排序得到的结果可能不是你想要的结果。假如我有数组arrayNums=[15,2,16],直接使用arrayNums.sort()的排序结果将是[15,16,2],这是因为Javascript的sort()函数在默认情况下是按照字符串顺序对值进行排序的。正因如此,sort()方法在对数值排序时会产生…

    2022年5月15日
    46

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号