Multiple Functions on a Single Event with JQuery/Javascript

Question

What is the best way to call two functions upon a single click event?

There will be multiple elements requiring this script, so the script must act only upon the element being clicked — not all the elements at once.

Let me know if I need to provide more details. Thanks again for all your help.

Luca Filosofi · Accepted Answer · 2011-02-09 22:41:08Z

17

$(function() {
    $('a').click(function() {
        func1();
        func2();
    });
});

answered Feb 9, 2011 at 22:41

Luca Filosofi

31.2k9 gold badges72 silver badges77 bronze badges

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

Comments

Gleb Kemarsky · Accepted Answer · 2018-06-19 14:40:55Z

6

jQuery will handle that for you quite nicely, see example:

$('div').click(function(){
    alert($(this).text()+' clicked');
})
.click(function(){
    $(this).css({'color':'#ff0000'});
});

<div>Button 1</div>
<div>Button 2</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Here's a jsFiddle example: http://www.jsfiddle.net/pcASq/

edited Jun 19, 2018 at 14:40

Gleb Kemarsky

10.5k7 gold badges49 silver badges73 bronze badges

answered Feb 9, 2011 at 22:41

Jason Benson

3,3981 gold badge23 silver badges21 bronze badges

6 Comments

Hussein Over a year ago

Chaining 2 click events together is wrong. aSeptik has it right.

Jason Benson Over a year ago

I fail to see how that is wrong. I demonstrated "how to call two functions" in jQuery. Sure you could combine them (the way that aSeptik did) and use named functions however this is a perfectly valid alternate demonstration of multiple bindings on a single element.

Hussein Over a year ago

I meant its the wrong way to go about it. It does work but not effeciant

edam Over a year ago

Your answer is perfectly valid and nicely demonstrates multiple bindings on the same event.

Gavin Over a year ago

It's not "the wrong way to go about it". jQuery supports this functionality because they designed it to work this way. It's perfect OK to do what @JasonBenson suggested.

|

Collectives™ on Stack Overflow

Multiple Functions on a Single Event with JQuery/Javascript

2 Answers 2

Comments

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related