javascript - JQUERY keyup 函数仅当鼠标不在输入字段上时响应

Question

我的 keyup 功能有问题

我有一个订购表，其中有 x 数量的商品，其中一些分组如下:

项目 1 - 组 1项目 2 - 组 1

分组的项目有 2 个输入字段，1 个隐藏，1 个可见，我要做的是将隐藏输入的值更改为可见输入的相同值。

我的问题是，只有当输入不再集中时，值才会发生变化，有什么办法可以做到，当焦点输入中的值发生变化时，它会立即发生变化？

这是我的做法:

    $('.item .quantity').on("change paste keyup", function(event) {
        var crr_item = $(this).parents(".item"),
            quantity = $(this).val(),
            items = crr_item.parent().children(".item"),
            group = false;
        if(crr_item.hasClass('group1'))
            group = 'group1';

        else if(crr_item.hasClass('group2'))
            group = 'group2';


        if(crr_item.hasClass('group1_hover'))
            group = 'group1';

        else if(crr_item.hasClass('group2_hover'))
            group = 'group2';

        for(var i = items.index(crr_item)-1; i >= 0; i--) {
            var item = items.eq(i);
            if(!item.hasClass(group)) break;
            item.find('.quantity').val(quantity);
            calc_sum_eu(item);
        }
        calc_sum_eu(crr_item);
        for(var i = items.index(crr_item); i < items.length; i++) {
            var item = items.eq(i);
            if(!item.hasClass(group)) break;
            item.find('.quantity').val(quantity);
            calc_sum_eu(item);
        }

    });

Answer 1

尝试在其上添加一个标志来检查它是否获得焦点

var isFocused = false;

$('.item .quantity').on("focus", function(event) {
  isFocused = true;
});

$('.item .quantity').on("blur", function(event) {
  isFocused = false;
});

然后只需在 keyup 事件中添加 isFocused 变量即可进行验证。