Custom event in jQuery that isn't bound to a DOM element?

Question

I\'m curious if its possible to create a custom event in jQuery that isn\'t bound to a DOM element.

I greatly prefer jQuery to YUI but there is one thing in YUI that

Answer 1

You can still arbitrarily trigger and respond to events using jQuery, even if you don't know what element to attach them to. Just create a "receiver" element in your document, to which you can bind all your custom events. This allows you to manage your event handling logic in one place, for all your non-element-specific events.

$(document).ready(function() {

  $(body).append('<div id="receiver">');

  $("#receiver").bind("foo_event", function () {
    // decide what to do now that foo_event has been triggered.
  });

  $("#some_element").click(function() {
    $("#receiver").trigger("foo_event");
  });

});