我想知道是否有一种有效的方法来检测浮动窗口是否失去焦点。我有一个用于用户临时输入的浮动窗口,如果用户在输入操作后忘记隐藏它(例如,点击其他地方),我想做的是自动隐藏这个窗口。我试图在窗口元素上使用模糊事件,但什么也没发生。一个工作演示:演示
谢谢你的任何想法!
这可以通过将模糊事件添加到 ext 窗口元素来实现,下面是示例代码
Ext.applyIf(me, {
items: [
{
xtype: 'button',
text: 'Done',
listeners: {
click: {
fn: me.onDoneButtonClick,
scope: me
}
}
}
],
listeners: {
el: {
blur: {
fn: me.onWindowLoseFocus,
scope:me
}
}
}
});
在检测窗口是否模糊之前,您首先需要采取一些措施来模糊窗口。您提到如果用户“点击其他地方”,您希望窗口模糊;您可以通过向 mainPanel 添加一个侦听器来完成此操作:
var mainPanel = new Ext.Panel({ //define a main non-floating panel
title: 'main',
id: 'mainPanel',
width: 400,
height: 400,
listeners: {
afterrender: function(self) {
self.body.on('click', function() {
alert('clicked')
});
}
}
});
单击面板主体后,您可以模糊 floatWin 以便它正在侦听的事件实际触发。