JQuery того же функция для нескольких элементов и несколько событий

Question

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

$('.element').on('click', function(){ 
// do stuff here 
}); 

и я хочу сделать то же самое если выбрать элемент изменил свое значение, например, как это

$('select').on('change', function(){ 
// do same stuff here 
}); 

Я знаю, что я мог сделать

$('.element', 'select').on('click change', function(){ 
// do stuff here 
}); 

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

Answer 1

У вас нет есть, чтобы сделать вашу функцию встроенной.

var doStuff = function() { 
    // do stuff here 
}); 

$('.element').on('click', doStuff); 
$('select').on('change', doStuff); 

Answer 2

Один из самых читаемых способов обработки этого является создание отдельной функции:

function doStuff(){ 
//do stuff here 
} 

$('.element').on('click', function(){ 
    doStuff(); 
}); 

$('select').on('change', function(){ 
    doStuff(); 
}); 

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