I have the following code ..
$("#input_name").blur(function(){
//more code
});
It works fine, but now I need to invoke the same functionality as in the blur function above by clicking a button as well. Basically, I want to keep the blur as is, and add the onclick. Any ideas how do I do that? Thanks
You can do this:
$("#input_name").bind("blur click", function() { ... });
You can also separate the function definition from the binding:
function handler() { ... }
$('#input_name').blur(handler).click(handler);
Remember that jQuery will pass the event to the handler function, and you can check the event type:
function handler(ev) {
if (ev.type === 'click') { ... }
Change your function definition to not be inline and then reuse it.
function eventFunction(){
//more code
}
$('#input_name').blur(eventFunction);
$('#button_name').click(eventFunction);
Place "//more code" in a function:
function more_code() {
//more code
}
and call it from your handlers:
$("#input_name").blur(more_code)
