Create Custom events in Namespaces

Question

I need to create custom events in a javascript NameSpace, but i dont know if its possible.

I have a namespace like this:

NAMESPACE = {

   var1 : 'value',
   var2 : 'value',

   initiate : function() {
      console.log('initiate');
   },

   clear : function(arg) {
      console.log('clear');
   }

   fail : function() {
       // Here i need to trigger the error event..
   }

}

That creates events using this method:

var myEvent = new CustomEvent("errorX", {
  data: {
    param: "value"
  }
});

document.dispatchEvent(myEvent);

// In document.ready...
$(document).on('errorX', function(e) {
   console.log(e);
});

This works, but I need to attach the addEventlistener to the document and I would like to attach this to the namespace object, like:

$(NAMESPACE).on('errorX', function(e) {
    console.log(e);
});

It this possible?

Esailija · Accepted Answer · 2012-08-05 12:36:09Z

1

You can use the .triggerHandler method:

$(NAMESPACE).on('errorX', function(e) {
    console.log(e);
});

$(NAMESPACE).triggerHandler("errorX");

demo: http://jsfiddle.net/Enq9h/

answered Aug 5, 2012 at 12:36

Esailija

140k24 gold badges280 silver badges328 bronze badges

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

5 Comments

Esailija Over a year ago

@Zenth you don't need .dispatchEvent at all, jQuery doesn't use it. It uses .triggerHandler/.trigger

Zenth Over a year ago

I update your example trying to make similar to my code, but dont get the event params.. possible reason?

Esailija Over a year ago

@Zenth you can pass arguments in the second argument as an array: jsfiddle.net/Enq9h/3 I also recommend .triggerHandler over . trigger because it's optimized for custom events on normal objects.

Zenth Over a year ago

OK, its possible to do this without jQuery? (Using only jquery in the "$(NAMESPACE).on('errorX..")

Esailija Over a year ago

@Zenth yes if you make your custom event library or use existing one. But if you are already using jQuery you might as well use it.

Collectives™ on Stack Overflow

Create Custom events in Namespaces

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related