Javascript 为什么开始选择关闭按钮

我正在尝试Jquery对话框

但是对话框显示所选的

X

，就像一个蓝色光环。当“单击外部”处于清除状态时。但这样开始似乎很奇怪

我将示例代码复制到一个单独的HTML中，并使用相同的行为

你知道为什么会这样吗？有没有解决办法

源代码

jQuery UI对话框-默认功能
$（函数（）{
$（“#dialog”）.dialog（）；
});
这是用于显示信息的默认对话框。可以使用“x”图标移动、调整和关闭对话框窗口

根据来自

在rc5和以前的版本中，逻辑是： 在对话框中找到第一个可选项卡元素，并将焦点放在 打开 在当前SVN中，逻辑为： 按以下顺序查找第一个选项卡式元素： -内容区 -按钮窗格 -标题栏 并把重点放在开放式上。 这样做是为了便于访问，以确保对话框具有焦点 打开时。我们可能会在进行一些测试后更改逻辑，以 如果关闭按钮是将接收到的内容，则将焦点放在实际对话框div上 专注

试试这个：

$("#dialog").dialog({
    open: function() {
      $(this).parents('.ui-dialog').attr('tabindex', -1)[0].focus();
    }
});

---

默认情况下，焦点是对话框的一个元素，用于激活或操作对话框（用于前焦点）

默认情况下，它是：

$("#dialog").dialog({
    open: function() {
      $(this).parents('.ui-dialog').attr('tabindex', -1)[0].focus();
    }
});

您可以根据需要覆盖它：

      $(this).parents('.ui-dialog').attr('tabindex', -1)[0].trigger( "focusout" );

---

我想知道这是否是最近更新中的一个bug，我以前看到过对话框一开始没有蓝色轮廓的页面。这是因为当控件处于焦点时，默认浏览器选择了控件。我认为原因之一是文档在打开对话框时说的

，焦点将自动移动到与以下内容匹配的第一个项目：1。对话框中具有自动聚焦属性2的第一个元素。对话框内容3中的第一个：tabbable元素。对话框按钮平面4中的第一个：tabbable元素。对话框的关闭按钮5。对话框本身

我在firefox中尝试过，似乎可以正常工作。第一次尝试是chrome@guradio你从那里复制完整的答案。。。但也包括一个链接给予信贷来源。所以你不是在剽窃。。。但是，如果链接失效，答案仍然在这里。这是最重要的部分。是的，我想用你为我做的代码更新答案：）关于复制答案的最后一件事，以防万一。如果正确答案已经存在于本网站中，则您不需要创建新答案，只需使用

DUPLICATED

功能链接到该内容即可。除非你用这些内容来创建一个特定的新答案。@JuanCarlosOropeza注意到：）我不明白你为什么说这是默认答案。当我使用古拉迪奥的答案时，问题是解决它。。。。这不是默认设置。这是因为要聚焦于对话框或使对话框处于活动模式，或者如果使用Enter键，则首先从对话框开始。

      $(this).parents('.ui-dialog').attr('tabindex', -1)[0].trigger( "focusout" );