chrome/ff 和 jquery 中的 TabIndex 属性不能一起工作？

Question

我正在使用 jquery 1.6 并希望在我的 iframe 中执行此代码：

$(document).bind('keydown', function (e) {
    if (e.which == 9) {
        var tabbie = $(e.target).attr('tabIndex');
        if (tabbie) {
            var el = $("*[tabIndex='" + (parseInt(tabbie) + 1) + "'");
            if (el.length) {
                // do standard action
            }
            else {
                e.preventDefault();
                window.top.focus();
                return false;
            }
        }
    }
});

如您所见，它应该执行以下操作： 在 tab 键按下时，查看是否存在具有下一个 tabindex 值的元素。如果是这样，一切都好，让浏览器去吧。如果不存在，则将焦点授予 iframe 的父级。

这在 IE8 中有效，但在 chrome/FF 中则不然：即使 html 有 tabindexes，你也无法选择任何内容：

<div class="row fl-controls-left">
    <input id="username" name="username" tabindex="1" type="text" value="" size="25" autocomplete="false"/>
</div>
<div class="row fl-controls-left last">
    <input id="password" name="password" tabindex="2" type="password" value="" size="25" autocomplete="off"/>
</div>
<div class="actions rounded-bottom">
    <a href="javascript:void(window.top.location.href = 'http://localhost/')" tabindex="4">Forgot?</a>
    <div class="row btn-row">
        <input name="submit" value="Aanmelden" tabindex="3" type="submit" />
        <input name="reset" value="leegmaken" tabindex="1000" type="reset" />
    </div>
</div>

有人知道为什么吗？

（为什么我需要这段代码？回答我的其他问题 Tabindex 跳过 iframe但里面没有内容）

干杯！