Focusin使用Live不起作用-jQuery

Question

我正在尝试使用jquery 1.5.2在将来的元素上附加一个focusin event 。 为了澄清起见， 也尝试使用具有相同问题的jQuery 1.7.2进行此操作。

该事件未如我预期的那样触发。 但是，使用.live可以正确执行类似的点击事件

我在这里整理了一个示例供您查看我的代码。 希望这不会是一个简单的问题（尽管它似乎总是如此！）。

链接到jsfiddle

这是我要关注的焦点事件

$(".active").live("focusin", function() {
    $(this).text("focusin using live");
});

我相信我已经找到了一些相关的问题，但是我无法使用它们修复我的代码。 我希望有一个解释，而不是“这是您的代码更正答案”。

如果您认为我需要向我的问题添加更多信息，请发表评论。

有关

jQuery focusin和focusout实时事件未触发

为什么不调用“ focusin”事件处理程序？

Answer 1

如果您希望触发focusin事件，则需要对元素进行聚焦。 您将.active类应用DOM元素的.active并不意味着您正在关注它。

$('.active').live('focusin', function() {
    $(this).text('focusin using live');
});

$('.active').focus();
​

这是一个演示 。

您会注意到的另一件事是， .live()支持从jQuery 1.7.1开始的focusin事件。 显然，在此版本的jQuery中，不推荐使用.live() ，而应使用.on() ：

$(document).on('focusin', '.active', function() {
    $(this).text('focusin using on');
});

$('.active').focus();