动态输入字段的实时焦点问题

Question

我正在尝试制作一个动态输入字段解决方案，类似于我的 动态选择行方法。

这个想法很简单。总会有一个额外的字段。因此，当最后一个字段获得焦点时，它将克隆它并将其附加到包装器中。

我当前的代码适用于.focus() 等不是动态的。但是， .live('focus', function () {}) 不会。此外，“实时改变”或“实时聚焦”也不起作用。

这看起来很奇怪的问题，因为它在 这个问题，从1.4版本开始应该支持“实时对焦”。但它显然不起作用。大多数其他问题都有非常本地化的解决方案，具有替代功能。

这就是我的知识的终点，我没有更多的想象力来寻找替代解决方案。

PS：如果这个想法完全失败，那么更改事件触发器将是一个替代方案。但是，“实时更改”不是仅适用于选择和/或勾选输入吗？

Answer 1

无法说出为什么 .live 使您失败（示例失败的代码会很好），但为什么不在克隆期间添加对 .focus 的调用？将新字段添加到 DOM 后，这将是一件微不足道的事情。不确定“动态”在这种情况下意味着什么，但听起来这就是您所需要的。过去使用这种技术实现了类似的表单元素，效果很好。

Answer 2

所以毕竟，问题不直接在于实时对焦功能，而在于获取正确的最后一个字段。该代码不够动态，无法真正重新计算当前的最后一个。虽然我的某些部分认为 .live() 会处理所有事情，但事实并非如此（不要在累的时候编码！）。

因此，当我将实时函数选择器手动更改为 .dynamicalfields_wrapper input:last 时，它工作得很好。所以我修改了我的代码以使其更加动态，但仍然使用全局 jQuery 的包装器选择器功能。

(function ($) {
    $.fn.DynamicalFieldsUpdater = function () {
        return this.each(function (i, wrapper) {
            $(wrapper).find('input:last').css('background', 'red').live('focus', function (i, last) {
                $(wrapper).append($(this).clone().val(''));
            });
        });
    };
})(jQuery);
$('.dynamicalfields_wrapper').DynamicalFieldsUpdater();

^{[查看输出]}

按预期工作。也适用于更改，只是不是“更改”更改，而是按键。