.focus()“将焦点设置在目标输入上”在 Firefox 中不起作用

Question

我有一个输入字段。在某些情况下，我希望用户在按下 Tab 键时将注意力集中在输入字段上。基本上我是在模仿谷歌自动填充搜索框的功能。我在每个浏览器中一切都工作正常，除了我从来没有遇到过问题的浏览器...... Firefox！？

以下代码在 IE、Chrome 和 Safari 中按预期工作，如果您使用 myInput 类按 Tab 键移出文本框，则焦点仍保留在文本框中。但在 Firefox 中，当您按 Tab 键移出文本框时，您将转到下一个文本框。 （这是我正在做的事情的一个非常简化的版本。如果我能让它工作，我将能够让我的真实代码工作。）

$(document).ready(
    function()
    {               
        $(".myInput").blur
        (
            function()
            {
                $(this).focus();
                $(this).select();
            }
        );      
    }
);

PS。请不要建议使用 setTimeout() 进行修复。谢谢。

我读过一些文章，描述了 jQuery 如何具有 .focus() 和 javascript 如何具有 .focus() 以及它们有何不同。我理解这一点（我认为），但我仍然无法弄清楚我做错了什么。

额外... 我可以让它以这种方式工作

$(document).ready(
    function()
    {               
        $(".myInput").blur
        (
            function()
            {
                setTimeout("$('.myInput').focus();",1);
            }
        );      
    }
);

看起来很黑客，但我不明白为什么 Firefox 不会将焦点放在模糊上。所以，如果你们中有人有答案，很高兴知道。

Answer 1

当您使用 jQuery 时，应该使用 .focusout() 方法。

http://api.jquery.com/focusout/

这与模糊事件不同，因为它支持检测父元素失去焦点（换句话说，它支持事件冒泡）。

Answer 2

我能够通过避免上述问题来解决我的情况。

由于我正在处理 Tab 键，因此我没有尝试将焦点放回到用户按 Tab 键移出的字段中（就像我上面的尝试一样），而是在 Tab 键上使用了 PreventDefault() 。因此焦点永远不会丢失，而且我不必担心更换它。

displayTextBox.keydown
(
    function(event)
    {           
        // 9 = Tab Key
        if (event.keyCode == "9")
        {
            event.preventDefault();
        }
    }
);

我还没有对此进行彻底的测试，但到目前为止它似乎在 FF、Chrome 和 IE 中都有效。

Answer 3

尝试使用html属性onfocusout