Custom events in jQuery?

by

The link provided in the accepted answer shows a nice way to implement the pub/sub system using jQuery, but I found the code somewhat difficult to read, so here is my simplified version of the code:

http://jsfiddle.net/tFw89/5/

$(document).on('testEvent', function(e, eventInfo) { 
  subscribers = $('.subscribers-testEvent');
  subscribers.trigger('testEventHandler', [eventInfo]);
});

$('#myButton').on('click', function() {
  $(document).trigger('testEvent', [1011]);
});

$('#notifier1').on('testEventHandler', function(e, eventInfo) { 
  alert('(notifier1)The value of eventInfo is: ' + eventInfo);
});

$('#notifier2').on('testEventHandler', function(e, eventInfo) { 
  alert('(notifier2)The value of eventInfo is: ' + eventInfo);
});

More Related Contents:

  1. Click event doesn’t work on dynamically generated elements [duplicate]
  2. jQuery find events handlers registered with an object
  3. How can I trigger the same function from multiple events with jQuery?
  4. jQuery ‘input’ event
  5. How can I recognize touch events using jQuery in Safari for iPad? Is it possible?
  6. jQuery – Trigger event when an element is removed from the DOM
  7. jQuery same click event for multiple elements
  8. How to trigger click event on href element
  9. How do I hide an element on a click event anywhere outside of the element?
  10. javascript capture browser shortcuts (ctrl+t/n/w)
  11. Adding event listeners to dynamically added elements using jQuery [duplicate]
  12. jQuery select change event get selected option
  13. Delay jquery hover event?
  14. How to detect input type=file “change” for the same file?
  15. How can I check if a key is pressed during the click event with jQuery?
  16. How do I detect a page refresh using jquery?
  17. event.originalEvent jQuery
  18. Accessing functions bound to event handlers with jQuery
  19. Trigger change() event when setting ‘s value with val() function
  20. Events not registering after replaceWith
  21. jquery how to catch enter key and change event to tab
  22. jquery fullcalendar event filtering
  23. jquery live event for added dom elements
  24. How do I explicitly execute default action from jQuery event
  25. jquery Event.stopPropagation() seems not to work
  26. how to unbind all event using jquery
  27. triggerHandler vs. trigger in jQuery
  28. in Jquery how to run code with callback before submit
  29. Detect user scroll down or scroll up in jQuery [duplicate]
  30. Jquery .on(‘scroll’) not firing the event while scrolling

Leave a Comment