javascript - jQuery live() 在 Firefox 中不显示文本光标

Question

我正在使用 jQuery live() 函数来更改表单文本输入的边框颜色，以便用户更好地指示他们当前正在输入的元素。它对我来说更容易使用live() 优于 bind()，因为在某些情况下，新的表单输入会动态插入到页面中。

通读 jQuery documentation for live()我知道每个处理程序必须返回 false 以防止其他处理程序执行。无论我是否误解了这实际上意味着什么，这里都是我必须在表单输入中添加和删除边框颜色的代码。

$('input.highlight').live({
    focus: function() {
        $(this).parent('span').addClass('input-focus');
        return false;
    },
    blur: function() {
        $(this).parent('span').removeClass('input-focus');
        return false;
    }
});

这在 Chrome 和 Safari 中完美运行，但在 Firefox 中，闪烁的文本光标在获得焦点时不会出现在表单输入中。如果我删除 return false; 它会显示。这可能是我遇到的 jQuery bug 吗？

Answer 1

嘿，我也遇到了同样的问题。我通过添加 $(this).focus(); 解决了这个问题在返回 false 之前。

$('input.highlight').live({
    focus: function() {
        $(this).parent('span').addClass('input-focus');
        $(this).focus();
        return false;
    },
    blur: function() {
        $(this).parent('span').removeClass('input-focus');
        return false;
    }
});

希望这有帮助。