Лучший способ вызова функции jQuery из keyup на нескольких полях?

Question

У меня есть функция, которую я хочу вызвать в любое время, когда пользователь нажимает клавишу в любом из нескольких полей.

я могу достичь этого:

$("#a").keyup(function(){ 
    myfunction(); 
}); 
$("#b").keyup(function(){ 
    myfunction(); 
}); 
$("#c").keyup(function(){ 
    myfunction(); 
}); 
$("#d").keyup(function(){ 
    myfunction(); 
}); 

но есть что-то вроде

$("#a","#b","#c","#d").keyup(function(){ 
    myfunction(); 
}); 

Это было бы более элегантно?

(Кстати, я попытался выше, и он не работает)

JSFiddle

EDIT: Я принял ответ Дэвида ESCUDERO в ниже, так как он отвечает на вопрос, который я задал. Однако Erik Philips указывает, что было бы лучше предоставить все соответствующие поля классу, а затем вызвать событие на клавиатуре этого класса. Я вижу, что это правда.

Answer 1

Была ошибка на вашей скрипке, вы не ставили function на него.

myfunction(){ в function myfunction(){

Затем вы ставите двойные кавычки на каждый селекторе. $("#a","#b","#c","#d").keyup(function(){

Изменить что

$("#a,#b,#c,#d").keyup(function(){

Складывание:

function myfunction(){ 
 
    $("#result").append('<p>It worked!</p><br/>'); 
 
} 
 

 
$("#a,#b,#c,#d").keyup(function(){ 
 
\t myfunction(); 
 
}); \t

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="number" id="a" /> 
 
<input type="number" id="b" /> 
 
<input type="number" id="c" /> 
 
<input type="number" id="d" /> 
 

 
<div id="result"></div>

Answer 2

Просто лечить ваш выбор JQuery как селектор CSS:

$("#a, #b, #c, #d").keyup(function(){ 
    myfunction(); 
}); 

Answer 3

$('#a, #b, #c, #d').keyup(myfunction); 

https://jsfiddle.net/moogs/xoyrx4dv/1/

Answer 4

Я не являюсь поклонником ни одного из этих решений (включая ваши примеры). Все они жестко соединены и уменьшают повторное использование. Кратко прочтите Decoupling Your HTML, CSS, and JavaScript.

Я очень рекомендую:

$(".js-myfunction").on('keyup', function(){ 
    myfunction(); 
}); 


<input type="text" value="Gideon" class="js-myfunction" /> 

Создать класс, который вы хотите применить ко всем элементам. Таким образом, вместо изменения вашего Javascript каждый раз, когда вам нужно добавить или удалить элемент, вы меняете свои html-элементы. Любой, кто читает ваш HTML, знает, какие элементы будут выполнять ваш метод (автоматически). И ваш Javascript не тесно связан с элементами HTML.