Revision: 41737
Updated Code
at February 23, 2011 23:16 by wildpeaks
Updated Code
/************************ * Class definition ************************/ var MyObjectClass = function(parameters){ var $ = jQuery; var context = this; /** * Detached element used to tap into the regular jQuery events model. * @private */ var _events = $(document.createElement('span')); /** * Attaches a handler to an event for the class instance. * @param eventType String A string containing one or more JavaScript event types, such as "click" or "submit," or custom event names. * @param handler Function A function to execute each time the event is triggered. * @see http://api.jquery.com/bind/ */ this.bind = function( eventType, handler ){ //_events.bind(eventType, handler); // older jQuery versions _events.bind(eventType, $.proxy(handler, context)); // jQuery 1.4 and newer return this; }; /** * Removes a previously-attached event handler from the class instance. * @param eventType String A string containing a JavaScript event type, such as click or submit. * @param handler Function The function that is to be no longer executed. * @see http://api.jquery.com/unbind/ */ this.unbind = function( eventType, handler ){ //_events.unbind(eventType, handler); // older jQuery versions _events.unbind(eventType, $.proxy(handler, context)); // jQuery 1.4 and newer return this; }; /** * Executes all handlers and behaviors attached to the class instance for the given event type. * @param eventType String A string containing a JavaScript event type, such as click or submit. * @param extraParameters String An array of additional parameters to pass along to the event handler. * @see http://api.jquery.com/trigger/ */ this.trigger = function( eventType, extraParameters ){ _events.trigger(eventType, extraParameters); return this; } // //... // /** * Example public method to make the object send an event of type <code>my_event</code>. */ this.test = function(){ _events.trigger("my_event"); }; }; /************************ * Usage example ************************/ // Creates an instance of the class var obj = new MyObjectClass(); // Listens to the event the same way you would with DOM elements obj.bind( "my_event", function(e){ console.log("The custom event has been received"); } ); // Makes the object fire an event obj.test();
Revision: 41736
Updated Code
at February 23, 2011 23:15 by wildpeaks
Updated Code
/************************ * Class definition ************************/ var MyObjectClass = function(parameters){ var $ = jQuery; var _this = this; /** * Detached element used to tap into the regular jQuery events model. * @private */ var _events = $(document.createElement('span')); /** * Attaches a handler to an event for the class instance. * @param eventType String A string containing one or more JavaScript event types, such as "click" or "submit," or custom event names. * @param handler Function A function to execute each time the event is triggered. * @see http://api.jquery.com/bind/ */ this.bind = function( eventType, handler ){ //_events.bind(eventType, handler); // older jQuery versions _events.bind(eventType, $.proxy(handler, context)); // jQuery 1.4 and newer return this; }; /** * Removes a previously-attached event handler from the class instance. * @param eventType String A string containing a JavaScript event type, such as click or submit. * @param handler Function The function that is to be no longer executed. * @see http://api.jquery.com/unbind/ */ this.unbind = function( eventType, handler ){ //_events.unbind(eventType, handler); // older jQuery versions _events.unbind(eventType, $.proxy(handler, context)); // jQuery 1.4 and newer return this; }; /** * Executes all handlers and behaviors attached to the class instance for the given event type. * @param eventType String A string containing a JavaScript event type, such as click or submit. * @param extraParameters String An array of additional parameters to pass along to the event handler. * @see http://api.jquery.com/trigger/ */ this.trigger = function( eventType, extraParameters ){ _events.trigger(eventType, extraParameters); return this; } // //... // /** * Example public method to make the object send an event of type <code>my_event</code>. */ this.test = function(){ _events.trigger("my_event"); }; }; /************************ * Usage example ************************/ // Creates an instance of the class var obj = new MyObjectClass(); // Listens to the event the same way you would with DOM elements obj.bind( "my_event", function(e){ console.log("The custom event has been received"); } ); // Makes the object fire an event obj.test();
Revision: 41735
Updated Code
at February 23, 2011 01:45 by wildpeaks
Updated Code
/************************ * Class definition ************************/ var MyObjectClass = function(parameters){ var $ = jQuery; var _this = this; /** * Detached element used to tap into the regular jQuery events model. * @private */ var _events = $(document.createElement('span')); /** * Attaches a handler to an event for the class instance. * @param eventType String A string containing one or more JavaScript event types, such as "click" or "submit," or custom event names. * @param handler Function A function to execute each time the event is triggered. * @see http://api.jquery.com/bind/ */ this.bind = function( eventType, handler ){ return _events.bind(eventType, handler); }; /** * Removes a previously-attached event handler from the class instance. * @param eventType String A string containing a JavaScript event type, such as click or submit. * @param handler Function The function that is to be no longer executed. * @see http://api.jquery.com/unbind/ */ this.unbind = function( eventType, handler ){ return _events.unbind(eventType, handler); }; /** * Executes all handlers and behaviors attached to the class instance for the given event type. * @param eventType String A string containing a JavaScript event type, such as click or submit. * @param extraParameters String An array of additional parameters to pass along to the event handler. * @see http://api.jquery.com/trigger/ */ this.trigger = function( eventType, extraParameters ){ return _events.trigger(eventType, extraParameters); } // //... // /** * Example public method to make the object send an event of type <code>my_event</code>. */ this.test = function(){ _events.trigger("my_event"); }; }; /************************ * Usage example ************************/ // Creates an instance of the class var obj = new MyObjectClass(); // Listens to the event the same way you would with DOM elements obj.bind( "my_event", function(e){ console.log("The custom event has been received"); } ); // Makes the object fire an event obj.test();
Revision: 41734
Updated Code
at February 23, 2011 00:58 by wildpeaks
Updated Code
/************************ * Class definition ************************/ var MyObjectClass = function(parameters){ var $ = jQuery; var _this = this; /** * Detached element used to tap into the regular jQuery events model. * @private */ var _events = $(document.createElement('span')); /** * Attaches a handler to an event for the class instance. * @param eventType String A string containing one or more JavaScript event types, such as "click" or "submit," or custom event names. * @param handler Function A function to execute each time the event is triggered. * @see http://api.jquery.com/bind/ */ this.bind = function( eventType, handler ){ return _events.bind(eventType, $.proxy(handler, _this)); //jQuery 1.4 and newer //return _events.bind(eventType, handler); //older jQuery versions }; /** * Removes a previously-attached event handler from the class instance. * @param eventType String A string containing a JavaScript event type, such as click or submit. * @param handler Function The function that is to be no longer executed. * @see http://api.jquery.com/unbind/ */ this.unbind = function( eventType, handler ){ return _events.unbind(eventType, $.proxy(handler, _this)); //jQuery 1.4 and newer //return _events.unbind(eventType, handler); //older jQuery versions }; /** * Executes all handlers and behaviors attached to the class instance for the given event type. * @param eventType String A string containing a JavaScript event type, such as click or submit. * @param extraParameters String An array of additional parameters to pass along to the event handler. * @see http://api.jquery.com/trigger/ */ this.trigger = function( eventType, extraParameters ){ return _events.trigger(eventType, extraParameters); } // //... // /** * Example public method to make the object send an event of type <code>my_event</code>. */ this.test = function(){ _events.trigger("my_event"); }; }; /************************ * Usage example ************************/ // Creates an instance of the class var obj = new MyObjectClass(); // Listens to the event the same way you would with DOM elements obj.bind( "my_event", function(e){ console.log("The custom event has been received"); } ); // Makes the object fire an event obj.test();
Revision: 41733
Updated Code
at February 23, 2011 00:58 by wildpeaks
Updated Code
/************************ * Class definition ************************/ var MyObjectClass = function(parameters){ var $ = jQuery; var _this = this; /** * Detached element used to tap into the regular jQuery events model. * @private */ var _events = $(document.createElement('span')); /** * Attaches a handler to an event for the class instance. * @param eventType String A string containing one or more JavaScript event types, such as "click" or "submit," or custom event names. * @param handler Function A function to execute each time the event is triggered. * @see http://api.jquery.com/bind/ */ this.bind = function( eventType, handler ){ return _events.bind(eventType, $.proxy(handler, _this)); //jQuery 1.4 and newer //return _events.bind(eventType, handler); //older jQuery versions }; /** * Removes a previously-attached event handler from the class instance. * @param eventType String A string containing a JavaScript event type, such as click or submit. * @param handler Function The function that is to be no longer executed. * @see http://api.jquery.com/unbind/ */ this.unbind = function( eventType, handler ){ return _events.unbind(eventType, $.proxy(handler, _this)); //jQuery 1.4 and newer //return _events.unbind(eventType, handler); //older jQuery versions }; /** * Executes all handlers and behaviors attached to the class instance for the given event type. * @param eventType String A string containing a JavaScript event type, such as click or submit. * @param extraParameters String An array of additional parameters to pass along to the event handler. * @see http://api.jquery.com/trigger/ */ this.trigger = function( eventType, extraParameters ){ return _events.trigger(eventType, extraParameters); } // //... // /** * Example public method to make the object send an event of type <code>my_event</code>. */ this.test = function(){ _events.trigger("my_event"); }; }; /************************ * Usage example ************************/ // Creates an instance of the class var obj = new MyObjectClass(); // Listens to the event the same way you would with DOM elements obj.bind( "my_event", function(e){ console.log("The custom event has been received"); } ); // Makes the object fire an event obj.test();
Revision: 41732
Updated Code
at February 23, 2011 00:57 by wildpeaks
Updated Code
/************************ * Class definition ************************/ var MyObjectClass = function(parameters){ var $ = jQuery; var _this = this; /** * Detached element used to tap into the regular jQuery events model. * @private */ var _events = $(document.createElement('span')); /** * Attaches a handler to an event for the class instance. * @param eventType String A string containing one or more JavaScript event types, such as "click" or "submit," or custom event names. * @param handler Function A function to execute each time the event is triggered. * @see http://api.jquery.com/bind/ */ this.bind = function( eventType, handler ){ return _events.bind(eventType, $.proxy(handler, _this)); //jQuery 1.4 and newer //return _events.bind(eventType, handler); //older jQuery versions }; /** * Removes a previously-attached event handler from the class instance. * @param eventType String A string containing a JavaScript event type, such as click or submit. * @param handler Function The function that is to be no longer executed. * @see http://api.jquery.com/unbind/ */ this.unbind = function( eventType, handler ){ return _events.unbind(eventType, $.proxy(handler, _this)); //jQuery 1.4 and newer //return _events.unbind(eventType, handler); //older jQuery versions }; /** * Executes all handlers and behaviors attached to the class instance for the given event type. * @param eventType String A string containing a JavaScript event type, such as click or submit. * @param extraParameters String An array of additional parameters to pass along to the event handler. * @see http://api.jquery.com/trigger/ */ this.trigger = function( eventType, extraParameters ){ return _events.trigger(eventType, extraParameters); } // //... // /** * Example public method to make the object send an event of type <code>my_event</code>. */ this.test = function(){ _events.trigger("my_event"); }; }; /************************ * Usage example ************************/ // Creates an instance of the class var obj = new MyObjectClass(); // Listens to the event the same way you would with DOM elements obj.bind( "my_event", function(e){ console.log("The custom event has been received"); } ); // Makes the object fire an event obj.test();
Revision: 41731
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at February 23, 2011 00:56 by wildpeaks
Initial Code
/************************ * Class definition ************************/ var MyObjectClass = function(parameters){ var $ = jQuery; var _this = this; /** * Detached element used to tap into the regular jQuery events model. * @private */ var _events = $(document.createElement('span')); /** * Attaches a handler to an event for the class instance. * @param eventType String A string containing one or more JavaScript event types, such as "click" or "submit," or custom event names. * @param handler Function A function to execute each time the event is triggered. * @see http://api.jquery.com/bind/ */ this.bind = function( eventType, handler ){ return _events.bind(eventType, $.proxy(handler, _this)); //jQuery 1.4 and newer //return _events.bind(eventType, handler); //older jQuery versions }; /** * Removes a previously-attached event handler from the class instance. * @param eventType String A string containing a JavaScript event type, such as click or submit. * @param handler Function The function that is to be no longer executed. * @see http://api.jquery.com/unbind/ */ this.unbind = function( eventType, handler ){ return _events.unbind(eventType, $.proxy(handler, _this)); //jQuery 1.4 and newer //return _events.unbind(eventType, handler); //older jQuery versions }; /** * Executes all handlers and behaviors attached to the class instance for the given event type. * @param eventType_ String A string containing a JavaScript event type, such as click or submit. * @param extraParameters_ String An array of additional parameters to pass along to the event handler. * @see http://api.jquery.com/trigger/ */ this.trigger = function( eventType, extraParameters ){ return _events.trigger(eventType, extraParameters); } // //... // /** * Example public method to make the object send an event of type <code>my_event</code>. */ this.test = function(){ _events.trigger("my_event"); }; }; /************************ * Usage example ************************/ // Creates an instance of the class var obj = new MyObjectClass(); // Listens to the event the same way you would with DOM elements obj.bind( "my_event", function(e){ console.log("The custom event has been received"); } ); // Makes the object fire an event obj.test();
Initial URL
http:/www.wildpeaks.com
Initial Description
**Important: this snipplet has moved to Github.** - [jQuery events from non-DOM objects (supports chaining)](https://gist.github.com/1973168)
Initial Title
jQuery events from non-DOM objects (supports chaining)
Initial Tags
Initial Language
jQuery