La combinaison de deux gestionnaires d'événements, jQuery

Question

J'ai deux événements que je veux observer sur un objet,

input.blur(function(event) { 
    ajaxSubmit(this); 
    event.preventDefault(); 
}); 

form.submit(function(event) { 
    ajaxSubmit(this); 
    event.preventDefault(); 
}); 

Mais je me sens comme cela ne suffit pas à sec, je peux lier deux événements à mon objet input et exécuter ma fonction ajaxSubmit() si le feu?

---

Quel serait super cool est si vous pouvez faire:

input.bind("blur", "submit", function(event) { 
    ajaxSubmit(this); 
    event.preventDefault(); 
}); 

Answer 1

Vous pouvez utiliser la méthode on

$("#yourinput").on("blur submit", functionname); 

peut combiner un certain nombre d'événements; séparez-les avec un espace.

Answer 2

Oui, juste déclarer la fonction, puis associez aux événements:

var ajaxCallback = function(event){ 
    ajaxSubmit(this); 
    event.preventDefault(); 
}; 

input.blur(ajaxCallback); 
form.submit(ajaxCallback); 

Remarque sur les variables déclaration:

Comme le souligne @cletus, la façon dont je décla La fonction fournit une variable qui est privée quelle que soit la portée dans laquelle elle est définie. Je programme toujours de cette façon pour minimiser la pollution de l'espace de noms global. Toutefois, si vous êtes pas définissant à la fois ce rappel et il se liant aux éléments dans le même bloc de code, vous devez définir cette façon:

function ajaxCallback(event){ ... } 

De cette façon, il est disponible partout où vous le liez plus tard il en utilisant les méthodes .blur et .submit.