extjs - 当在另一个 div (extjs) 上触发 onmouseover 时，防止文本框在弹出窗口中失去焦点

Question

我不知道这是浏览器的一般问题还是与我的代码有关，但这是我的问题：

假设我的页面包含一个链接和一个菜单。我单击链接并打开一个弹出窗口[它包含一个文本字段或日期字段]。加载弹出窗口时，文本字段获得焦点并且插入符号出现在文本字段中：我可以写。现在，如果我将光标推到一边，它悬停在菜单上，焦点就会改变，我无法继续在文本字段中书写。

有没有办法解决这个问题？我用谷歌搜索了一下，但没有成功。

Answer 1

由于您使用的是 Ext.Window，因此浏览器不知道窗口后面的内容对于悬停或以其他方式进行交互并非无效。事实上，有些人实际上可能希望他们的用户能够与窗口后面的主页进行交互。但是，如果您不想要这种行为，并且窗口应该是用户与之交互的唯一事物，那么您正在寻找modal: true. 这将在页面的其余部分放置一个遮罩，并且不会将悬停或单击应用于主页上的任何内容。

例子：

new Ext.Window({
    modal: true
    width: 400,
    height: 600,
    layout: 'fit',
    items: ...
});

Answer 2

我在以下设置中遇到了同样的问题 1. 使用 Ext.widget(widg) 创建并打开（显示）弹出窗口 2. widg 是用 modal: true 配置定义的 3. widg 的一个项目是一个表单几个字段（字段是动态创建的，每次表单可能包含不同数量的字段）

问题：当我将鼠标移出表单区域时（鼠标甚至停留在弹出窗口内），焦点所在的字段失去焦点。发生 100% 的时间。

谢谢，查理