Embed Size (px)
Citation preview
jQueryMinha linguagem de programação favorita
Meu nome é Felquis
Eventos
./src/event/alias.js
Original 84151 Bytes
dist/jquery.min.js
Original 83568 Bytes
dist/jquery.min.js
grunt custom:-event/alias
583 Bytes carentes salvos
Original 83568 Bytes
dist/jquery.min.js
grunt custom:-event/alias
583 Bytes carentes salvos
Original 83568 Bytes
dist/jquery.min.js
grunt custom:-event/alias
583 bytes já é alguma coisa
583 bytes já é alguma coisa
https://github.com/jquery/jquery/blob/master/src/event/alias.js
RIP.live, .delegate
10 elementos 10 execuções
Custom Events
Custom Events?
Custom Events
😳 Custom Events - https://learn.jquery.com/events/introduction-to-custom-events/😁 Event Extensions - https://learn.jquery.com/events/event-extensions/
event.preventDefault()event.stopPropagation()event.stopImmediatePropagation()
event.preventDefault()event.stopPropagation()event.stopImmediatePropagation()
event.preventDefault()event.stopPropagation()event.stopImmediatePropagation()
Ele para o event bubbling
event.stopPropagation()
event.stopPropagation()
event.stopPropagation()
event.stopPropagation()
event.stopPropagation()
event.stopPropagation()
Codepen http://codepen.io/felquis/pen/PqbxyG
JavaScripthttp://codepen.io/felquis/pen/oXYdEz
event.stopPropagation()
event.preventDefault()event.stopPropagation()event.stopImmediatePropagation()
Codepen http://codepen.io/felquis/pen/PqbxyG
JavaScripthttp://codepen.io/felquis/pen/oXYdEz
event.preventDefault()event.stopPropagation()event.stopImmediatePropagation()
event.preventDefault()event.stopPropagation()event.stopImmediatePropagation()
event.stopImmediatePropagation()
Event
Event
Event
Object
event.stopImmediatePropagation()
Event
Event
Event
Object
event.stopImmediatePropagation()
Event
Event
Event
Object
event.stopImmediatePropagation()
Event
Event
Event
Object
event.stopImmediatePropagation()
Event
Event
Event
Object
event.stopImmediatePropagation()
Event
Event
Event
Object
event.stopImmediatePropagation()
Event
Event
Event
Object
TriggerEvent
event.stopImmediatePropagation()
Event
Event
Event
Object
TriggerEvent
event.stopImmediatePropagation()
Event
Event
Event
Object
TriggerEvent
event.stopImmediatePropagation()
Event
Event
Event
Object
TriggerEvent
event.stopImmediatePropagation()
Event
Event
Event
Object
TriggerEvent
event.stopImmediatePropagation()
Event
Event
Event
Object
TriggerEvent
event.stopImmediatePropagation()
event.stopImmediatePropagation()
event.stopImmediatePropagation()
event.stopImmediatePropagation()
event.stopImmediatePropagation()
event.stopImmediatePropagation()
Codepen http://codepen.io/felquis/pen/PqbxyG
É isso ai 😅
😈 Exemplo stopImmediatePropagation - http://codepen.io/felquis/pen/PqbxyG😮 Exemplo stopPropagation - Codepen http://codepen.io/felquis/pen/PqbxyG - em JavaScript - http://codepen.io/felquis/pen/oXYdEz😏 http://tutsmais.com.br/blog/javascript-2/o-que-e-event-delegation-no-javascript/ 🙈 MDN🙉 Event Bubbling & Capturing - http://stackoverflow.com/a/4616720/2588556
