jQuery: Is it illegal or bad practice to assign multiple event handlers?

Question

Possible Duplicate:
jQuery: more than one handler for same event

I am using a jQuery slider plugin that creates two buttons. These buttons have click events attached to them by the plugin as they are used to control the slider. I have created my own mouseover\mouseout events independent of the plugin (inline with the webpage) to handle animations. I would like to create one for click as well (so that the button changes color). Will me creating another click event handler override or break what the plugin does? Is it bad practice and is there a better way?

http://stackoverflow.com/questions/1491718/jquery-more-than-one-handler-for-same-event — Al W, Oct 10 '12 at 17:48

score 3 · Accepted Answer · answered Oct 10 '12 at 17:49

Having two events is no problem. You can assign as many events to an object as you like.

This is logical as you most likely want different functions to fire depending on the event that's triggered. And 99% of every jQuery-plugin will have no problem dealing with objects with multiple events. Try it and ask a question if you have any problems.

The only thing that is not good is inline js ;)

score 3 · Answer 2 · edited May 23 '17 at 12:23

3

It would NOT break any handler that was bound already. The way jQuery bind is using event registration model and so it support multiple event handlers.

This is one of the advantages in using addEventListeners/attachEvent over traditional methods.

More reading: https://stackoverflow.com/a/12627478/297641

edited May 23 '17 at 12:23

Community

1
1

answered Oct 10 '12 at 17:51

Selvakumar Arumugam

79,297
15
120
134

score 1 · Answer 3 · answered Oct 10 '12 at 17:49

1

Not really, though if you can handle all functionality in one handler, then why wouldn't you?

answered Oct 10 '12 at 17:49

Rob Hardy

1,821
15
15

score 1 · Answer 4 · answered Oct 10 '12 at 17:51

1

You should have no problem. Just add your own event handler using jQuery's API and you'll be set. From the jQuery Docs on .on():

As of jQuery 1.4, the same event handler can be bound to an element multiple times.

$('#myButton').on('click', myHandler)

answered Oct 10 '12 at 17:51

Thom Porter

2,604
2
19
23

ide be using the regular $("#myButton").click(function(e) {}); – user974896 Oct 10 '12 at 17:53

Mike Bonds · Answer 5 · 2012-10-10T18:09:00.083

0

In some cases I would say it is bad practice. Creating multiple event handlers on a single element is almost always avoidable. If you are comfortable enough, you could always open the source of the plugin(if its not a minified version) and modify the event handler to include your modifications.

If you are uncomfortable doing that, then I would say continue what you are doing. Just know that there are better alternatives.

This assumes that you are adding say another click event binding when the plugin already has one.

-Mike

edited Oct 10 '12 at 18:09

answered Oct 10 '12 at 17:54

Mike Bonds

1,020
10
16

Ya that's what i meant. The plugin is obfuscated. – user974896 Oct 10 '12 at 18:59

jQuery: Is it illegal or bad practice to assign multiple event handlers?

5 Answers5

Linked