Javascript 获取/丢失焦点时更改jQuery对话框标题栏的样式

我试图用两个jQuery对话框创建一个简单的页面，当每个对话框获得或失去焦点时，可以改变标题栏的颜色。换句话说，聚焦窗口具有不同的标题栏颜色，这使得区分具有聚焦的窗口更容易。 我有以下代码：

$(function () {
  $(".window").dialog({
    focus: function (event, ui) {
      $(this).parents(".ui-dialog:first").find(".ui-dialog-titlebar").addClass("ui-state-error");
    }
});

但是我不知道如何在focus事件中检测它是否获得焦点。

试试看，试试看

我也需要同样的解决方案，这个解决方案很有效。

试试这个

---

我也需要同样的解决方案，这个解决方案也能起作用。

只有在获得焦点时才会调用对话框

focus

事件。Stock jQuery UI对话框没有失去焦点的概念

一个简单的解决方案是从

focus

处理程序中的每个对话框中删除

ui-state-error

类，然后将其添加到刚刚收到焦点的对话框中

---

实际上，我已经编写了一个功能齐全的jQuery UI插件，它在对话框中添加了一个

.blur

事件，并在最顶端的框关闭时处理对堆叠框的重新排序。我将检查是否允许发布它。

只有在获得焦点时才会调用对话框

焦点事件。Stock jQuery UI对话框没有失去焦点的概念

一个简单的解决方案是从
focus
处理程序中的每个对话框中删除
ui-state-error
类，然后将其添加到刚刚收到焦点的对话框中

实际上，我已经编写了一个功能齐全的jQuery UI插件，它在对话框中添加了一个
.blur
事件，并在最顶端的框关闭时处理对堆叠框的重新排序。我将检查是否允许发布它。
听起来不错，与我的代码不兼容（至少在小提琴中是这样）。单击div元素时似乎不会触发任何焦点。相反，我可以通过单击获得结果，但我无法按类选择jQ dialog的标题栏。不过这很有效。如果您可以选择要更改其类的元素，我想这应该可以为您完成工作。有趣的是，我用“尝试更改为。单击”删除了我的注释。）使用focusin和focusout时出现错误。所有使用此选项的元素都必须设置TabIndex。听起来不错，与我的代码不兼容（至少在fiddle中是这样）。单击时，div元素似乎不会触发任何焦点。相反，我可以通过单击获得结果，但无法按类选择jQ对话的标题栏。不过这很有效。如果您可以选择要更改其类的元素，我想这应该可以为您完成工作。有趣的是，我用“尝试更改为。单击”删除了我的注释。）使用focusin和focusout时出现错误。所有使用这个的元素都必须有TabIndex集。简单而优雅的解决方案！简单而优雅的解决方案！