Extjs监听浏览器刷新、关闭和窗口关闭功能

最新推荐文章于 2022-08-08 13:24:38 发布

原创最新推荐文章于 2022-08-08 13:24:38 发布 · 5.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #浏览器监听关闭刷新 #窗口监听关闭

extjs 专栏收录该内容

3 篇文章

订阅专栏

本文展示了一个使用ExtJS框架创建窗口并实现刷新或关闭浏览器时弹出提示的示例。通过具体代码演示了如何为窗口添加'show'和'close'事件监听器。

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

先上效果图：

代码就如dubug所示：

Ext.onReady(function(){
		Ext.create('Ext.window.Window',{
		title:'监听测试' ,
		width:400 , 	
		height:300 ,
		layout:'fit' ,
		constrain:true ,		
		modal:true ,
		icon:'js/extjs/icons/used/browser_window.png',				
		listeners:{
			'show':function(){
				Ext.EventManager.on(window,'beforeunload',function(){
						//浏览器刷新或关闭执行
						Ext.Msg.alert("提示",'刷新或关闭浏览器');
					})
			},
			'close':function(){
				Ext.Msg.alert("提示",'关闭页面');
			}
		}
	}).show();
});