Jquery Bind Event

Question

I have the following code:

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

It works fine. However, I want to trigger the same action when 'change' is used for '#form_field' and 'click' for '#button' (not when 'click' is used for '#form_field').

I know that can be done using the following code:

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

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

However, I do not want to repeat all the code that is inside the function (// take action). It would look ineffective and I will need to edit it twice every time I make changes to it.

Any ideas?

Thanks in advance

gnarf · Accepted Answer · 2009-12-01 13:41:14Z

12

How about:

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

??

answered Dec 1, 2009 at 13:41

gnarf

107k26 gold badges129 silver badges161 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

cimnine Over a year ago

Why don't u (and Nick Spiers in his answer) don't use $('#button').click(myCoolFunction) instead of $('#button').bind('click',myCoolFunction)? Same with $('#button').bind('change',myCoolFunction) and $('#button').change(myCoolFunction). As I'm new to JQuery: Is there a specific reason? ~Chris

gnarf Over a year ago

Not really, it saves a whopping 1 function call.. inside of jQuery $.fn.click = function(fn) { return fn ? this.bind('click', fn) : this.trigger('click'); }; ( although it isn't set directly that way, look @ line 3098 in jQuery-1.3.2.js )

Nick Spiers · Accepted Answer · 2009-12-01 14:50:26Z

3

This should do the trick:

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

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

function takeAction () {
    //take action
};

edited Dec 1, 2009 at 14:50

answered Dec 1, 2009 at 13:50

Nick Spiers

2,3542 gold badges19 silver badges31 bronze badges

Comments

Jimmeh · Accepted Answer · 2009-12-01 13:42:49Z

0

I'm not too sure it's that great an idea to find a way around this. If they both do the same thing, just make a function for them to call on the required events.

answered Dec 1, 2009 at 13:42

Jimmeh

2,8721 gold badge22 silver badges21 bronze badges

Collectives™ on Stack Overflow

Jquery Bind Event

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related