Using Jquery to allow events on regular JS Objects

Question

I have some javaScript Classes ( ctor+prototype methods) that I want their instances to be able to emit evnets.

so that the code using this class could so something like:

var instance=new SomeObject();
instance.on('customEventName',function(event){do_stuff()}

I am working in a JQUery environment and for UI elements I am using .trigger and .on which works great for me, I was wandering what would be the best way to implement the same feel with respect to regular objects.

I am thinking of either setting a map of $.Callbacks() objects based on the custom event name, and adding .on and .trigger to by object's prototype Or maybe I can just hold an eventsPoint instance variable initialized to an empty $() and wire up the .on and .trigger methods from the prototype to this eventsPoint object.

Any other / better ideas ?

Andy E · Accepted Answer · 2012-02-02 09:36:53Z

6

jQuery actually allows you to do this very simply, just like you would for a DOM element:

var instance = new SomeObject();
$(instance).on("customEventName", function () {
    do_stuff();
})

// Later...
$(instance).trigger("customEventName");

All event handlers are stored in jQuery's internal data store, and jQuery adds a property to your object that holds the index of the data within that store.

answered Feb 2, 2012 at 9:36

Andy E

346k86 gold badges482 silver badges452 bronze badges

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

2 Comments

epeleg Over a year ago

many thanks this does all I need. I would have never try this after reading here: api.jquery.com/Types/#jQuery that

"A jQuery object contains a collection of Document Object Model (DOM) elements that have been created from an HTML string or selected from a document"

.

llamerr Over a year ago

any chances, you know how now list all events bound to some object?

dhaval · Accepted Answer · 2012-02-02 09:34:14Z

0

I would suggest using backbone as it handles the events pretty well and might also fit in your requirement.

http://backbonejs.org/#Events

answered Feb 2, 2012 at 9:34

dhaval

7,6493 gold badges31 silver badges38 bronze badges

Collectives™ on Stack Overflow

Using Jquery to allow events on regular JS Objects

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related