JQuery на изменения и функции ввода запускаются несколько раз

Question

В моем коде 140 селекторов и 2 события (изменение, ввод)

$("#selector1, #selector2, #selector3, ...... #selector139, #selector140").on('change input',function(e){
    console.log('test')//it returns 28 times  
    //My jquery code
}

Когда я уменьшаю количество селекторов, время возврата также уменьшается, но мне нужны все селекторы.
Я использовал эти методы

$("#selector1, #selector2, #selector3, ...... #selector139, #selector140").off('change input').on('change input',function(e){
    console.log('test')//it returns 28 times  
    //My jquery code
}

, но событие ввода не сработало

$("#selector1, #selector2, #selector3, ...... #selector139, #selector140").on('change input', function(e){ 
 if(e.handled !== true) 
{
    //Code 
    e.handled = true;
}

});

, но этот метод также не сработал, я использовал функцию one(), но она не работалане работает должным образом.

Есть ли способ решить эту проблему?
Спасибо !!!

Answer 1

лучше использовать class вместо.просто добавьте класс к своим входам, как это:

<input class="someclass" type="text" />

, тогда вы можете легко добавить прослушиватели событий, как это:

$('.someclass').on('input change',function() {
    //do what you want
});