Jquery Bind Event

Question

je le code suivant:

$('#form_field, #button').bind('change click', function() { 
// take action 
}); 

Il fonctionne très bien. Cependant, je veux déclencher la même action quand 'change' est utilisé pour '#form_field' et 'click' pour '#button' (pas quand 'click' est utilisé pour '#form_field').

Je sais qui peut être fait en utilisant le code suivant:

$('#form_field').bind('change', function() { 
// take action 
}); 

$('#button').bind('click', function() { 
// take action 
}); 

Cependant, je ne veux pas répéter tout le code qui se trouve dans la fonction (// action de prendre). Cela semblerait inefficace et je devrai l'éditer deux fois chaque fois que j'y apporterai des modifications.

Des idées?

Merci à l'avance

Answer 1

Que diriez-vous:

var myCoolFunction = function() { 
    // take action 
}; 
$('#form_field').bind('change', myCoolFunction); 
$('#button').bind('click', myCoolFunction); 

??

Answer 2

Je ne suis pas sûr que ce soit une bonne idée de trouver un moyen de contourner ce problème. Si les deux font la même chose, il leur suffit de faire une fonction pour appeler les événements requis.

Answer 3

Cela devrait faire l'affaire.

$('#form_field').bind('change', takeAction); 

$('#button').bind('click', takeAction); 

function takeAction() { 
    //take action 
};