| Refresh | Home EGTry.com

define a custom event, and fire and handle event


commentsJavascript sourceExecution result in your current browser
register and fire a user-defined event
  
    var eventManager={"name":"My First Event Manager"};
    _.extend(eventManager,Backbone.Events);
  
  
    //register event
    var eventName="myevent";
    function eventHandle(event) {
      document.write("event received, id="+event.id);
      document.write("<br/> title="+event.title);
    }
    
    eventManager.bind(eventName, eventHandle);
    
    //define an event and fire off the event
    var event1={"name":eventName, 
     "id":10, 
     "title":"this is my first event"};
    eventManager.trigger(eventName, event1);

register a second event handler
    eventManager.bind(eventName, function(event) {
       document.write("<br/> handle #2, event id="+event.id);
     });
    var event2={"id":20, "title":"Second Event"};
    eventManager.trigger(eventName, event2);

unregister the event
    eventManager.unbind(eventName);
    
    var event3={"id":30, "title":"Third Event"};
    eventManager.trigger(eventName, event3);