Chrome 在开放（集中）“选择”中的行为非常奇怪元素

Question

这是一个 元素：

<select>
    <option>Hello</option>
    <option>Banana</option>
    <option>Balloon</option>
    <option>Something</option>
    <option>Potato</option>
    <option>Cleveland</option>
</select>

这是一些 JavaScript（jQuery“就绪”处理程序）：

$(function() {

    function foo() {
        var s = $('select').find(':selected');
    }

    setInterval(foo, 200);
});

这是这个问题的jsfiddle。。

该处理程序设置一个间隔计时器，每 200 毫秒查找 当前选定的，并且不对其执行任何操作。当我在 Chrome (13.0.782.112) 中运行小提琴时，单击 元素，然后尝试选择一个条目，选择突出显示会不断跳回到第一个选定的元素。我可以单击显示的任何 元素，当然，它可以工作，然后它下次会执行相同的操作。

现在，如果我更改计时器处理程序，以便它不使用 jQuery 来查找当前选定的 元素，如下所示：

$(function() {

    function foo() {
        var select = $('select')[0];
        var s = $(select.options[select.selectedIndex]);
    }

    setInterval(foo, 200);
});

然后我不再看到的效果。

火狐浏览器不这样做。我还没有尝试过 Safari。

就我个人而言，我认为这里有些事情出了问题。是 Chrome 吗？ jQuery？

编辑 - 还有一个细节 - 我在 Linux 上运行 Chrome。我稍后会尝试 Windows。 （在 Windows 中进行相同的编辑。）

Answer 1

将代码更改为：

function foo() {
    var s = $('select option:selected');
}

setInterval(foo, 200);

不确定它为什么这样做，但我的猜测是它与 jQuery 中伪选择器的工作方式有关。它们被实现为与选择器名称配对的函数（在本例中为“selected”）。因此，它们针对上下文中的每个可能元素运行（而不仅仅是那些可能可能被选择的元素）。

也许存在某种奇怪的幽灵元素，“选定的”伪选择器在不应该执行的时候被执行。这里的解决方案是在执行伪选择器之前将上下文限制为选项。总是一件好事。