js之beforeunload事件

最新推荐文章于 2025-02-20 17:25:00 发布

zhener09

最新推荐文章于 2025-02-20 17:25:00 发布

阅读量2.2k

点赞数

本文链接：https://blog.csdn.net/sinat_41747081/article/details/105491439

版权

本文介绍如何在React组件中使用JavaScript的beforeunload事件来显示关闭提示。通过在componentDidMount周期内设置window.onbeforeunload事件监听器，当用户尝试离开页面时，将弹出包含特定关闭提示的消息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有时候点击刷新按钮时，想要弹出重新加载此网站的提示：
如google浏览器：
在这里插入图片描述
可以使用js的beforeunload事件

componentDidMount(): void {
	window.onbeforeunload = () => {
		e = e || window.event;
	    // 兼容IE8和Firefox 4之前的版本
	    if (e) {
	        e.returnValue = '关闭提示';
	    }
	    // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
	    return '关闭提示';
		}
}
componentWillUnmount = () => {
	delete window.onbeforeunload;
}