javascript捕获浏览器窗口关闭事件

aitangyong

于 2016-01-17 14:55:10 发布

阅读量5.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML/CSS/JS 文章标签：防止浏览器窗口意外关闭

本文链接：https://blog.youkuaiyun.com/aitangyong/article/details/50531870

HTML/CSS/JS 专栏收录该内容

47 篇文章

订阅专栏

本文介绍如何使用JavaScript的window对象处理浏览器窗口关闭事件。通过onbeforeunload和onunload事件，可以在窗口关闭前提示用户并保存数据。

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

为了防止用户不小心关闭浏览器窗口，或者我们想在浏览器窗口关闭的时候做一些事，那么我们会使用到window对象的onbeforeunload和onunload。

<script type="text/javascript">  

	showValue();
	
    window.onbeforeunload = onbeforeunload_handler;  
    window.onunload = onunload_handler;  
		
    function onbeforeunload_handler(){  
		return "Are sure to leave?"
    }  
      
    function onunload_handler(){  
        storeValue("hehehe"); 
    }  
	
	function showValue()
	{
		var localStorage = window.localStorage;  	
		alert(localStorage.getItem("key"));
	}
	
	function storeValue(value)
	{
		var localStorage = window.localStorage;  
        localStorage.setItem("key",value);  
	}
 
</script>