Saltar al contenido principal
CargarIdioma (ES)Atención al cliente
EmpresarialesMóvilRedes socialesMarketingTecnologíaArte y fotografíaEmpleoDiseñoEducaciónPresentaciones y charlas públicasGobierno y org. sin ánimo de lucroAtención sanitariaInternetDerechoLiderazgo y gestiónMotorIngenieríaSoftwareReclutamiento y RR. HH.Venta al por menorVentasServiciosCienciasPYMES y liderazgoAlimentaciónMedio ambienteEconomía y finanzasDatos y análisisRelaciones con inversoresDeportesMeditaciónNoticias y políticaViajesDesarrollo personalSector inmobiliarioEntretenimiento y humorSalud y medicinaDispositivos y hardwareEstilo de vida
Subido porwaw325
PPTX, PDF350 vistas

Evented Javascript

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.

Tecnología◦
Descargar para leer sin conexión
Evented Javascript
RefresherDOM Event Model addEventListener& attachEventjQuery Bind$.bind(‘click’, function(){…})jQuery Shortcuts$.click(function(){…})jQuery Live & Delegate$.live(‘click’, func…), $.delegate(‘#foo’, ‘click’, func…)
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’)
$.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
Other Event ModelsCKEditornode.js
Back to The DOM and jQueryDialog, escape closes dialogAutocomplete, escape closes suggestionsstopPropagation becomes necessaryReturn false is actually evilAssumptions made
Binding to Native EventsBind almost no logic to native events
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