7Masters jQuery - Eventos em jQuery, com Felquis Gimenes

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

Obrigado

felquis.com/talks/jquery-events/