JP Silvashy JP Silvashy - 2 months ago 7
jQuery Question

Combining two event handlers, jQuery

I have two events that I want to observe on an object,

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

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


But I feel like this isn't dry enough, can I bind two events to my object
input
and execute my function
ajaxSubmit()
if either fire?




What would be super cool is if you could do:

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

Answer

You can use the on method

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

Can combine any number of events; separate them with a space.

Comments