Evented Javascript
Download as PPTX, PDF0 likes349 views
This document discusses different approaches to handling events in JavaScript and jQuery. It covers the DOM event model, jQuery's event binding methods like bind, live, and delegate. It also discusses custom events, namespaced events, and binding events to non-DOM objects. While jQuery's bind provides a basic event model, more elaborate models exist and need to be implemented carefully to avoid poor design. Examples of other event models mentioned include CKEditor and Node.js. The document stresses binding minimal logic to native events and considering assumptions made with techniques like escape closing dialogs.
1 of 8
Download to read offline
More Related Content
What's hot (20)
Ad
Similar to Evented Javascript (20)
Ad
Recently uploaded (20)
Evented Javascript
- 2. RefresherDOM Event Model addEventListener& attachEventjQuery Bind$.bind(‘click’, function(){…})jQuery Shortcuts$.click(function(){…})jQuery Live & Delegate$.live(‘click’, func…), $.delegate(‘#foo’, ‘click’, func…)
- 3. More BindCustom Events$.bind(‘closeDialog’, func…)Namespaced Events$.bind(‘click.linkDialog’, func…)$.bind(‘closeDialog.linkDialog’, func…)Bind to Non-DOM Objects$(confluence.linkDialog).bind(‘closeDialog’, func…)$(confluence.linkDialog).trigger(‘closeDialog’)
- 4. $.bind as an event modelProvides starting placeMore elaborate event models existMore power affords flexibility but lends itself to poor execution of an event driven design
- 6. Back to The DOM and jQueryDialog, escape closes dialogAutocomplete, escape closes suggestionsstopPropagation becomes necessaryReturn false is actually evilAssumptions made
- 7. Binding to Native EventsBind almost no logic to native events
- 8. SourcesTinyMCE.comCKEditor.comnodejs.orgYUI Blog - http://www.yuiblog.com/blog/2007/01/17/event-plan/Event Driven Javascript - http://www.slideshare.net/fgalassi/event-driven-javascript