7Masters jQuery - Eventos em jQuery, com Felquis Gimenes

988 views

Published on

Felquis Gimenes é Mobile/Web Developer na Fluid 27 e falou sobre eventos em jQuery, a sua "linguagem de programação favorita".

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
988
On SlideShare
0
From Embeds
0
Number of Embeds
568
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

7Masters jQuery - Eventos em jQuery, com Felquis Gimenes

  1. 1. jQuery Minha linguagem de programação favorita
  2. 2. Meu nome é Felquis
  3. 3. Eventos
  4. 4. ./src/event/alias.js
  5. 5. Original 84151 Bytes dist/jquery.min.js
  6. 6. Original 83568 Bytes dist/jquery.min.js grunt custom:-event/alias 583 Bytes carentes salvos
  7. 7. Original 83568 Bytes dist/jquery.min.js grunt custom:-event/alias 583 Bytes carentes salvos
  8. 8. Original 83568 Bytes dist/jquery.min.js grunt custom:-event/alias
  9. 9. 583 bytes já é alguma coisa
  10. 10. 583 bytes já é alguma coisa
  11. 11. https://github.com/jquery/jquery/blob/master/src/event/alias.js
  12. 12. RIP
 .live, .delegate
  13. 13. 10 elementos 10 execuções
  14. 14. Custom Events
  15. 15. Custom Events?
  16. 16. Custom Events 😳 Custom Events - https://learn.jquery.com/events/introduction-to-custom-events/
 
 😁 Event Extensions - https://learn.jquery.com/events/event-extensions/
  17. 17. event.preventDefault() event.stopPropagation() event.stopImmediatePropagation()
  18. 18. event.preventDefault() event.stopPropagation() event.stopImmediatePropagation()
  19. 19. event.preventDefault() event.stopPropagation() event.stopImmediatePropagation()
  20. 20. Ele para o event bubbling event.stopPropagation()
  21. 21. event.stopPropagation()
  22. 22. event.stopPropagation()
  23. 23. event.stopPropagation()
  24. 24. event.stopPropagation()
  25. 25. event.stopPropagation()
  26. 26. Codepen http://codepen.io/felquis/pen/PqbxyG JavaScript
 http://codepen.io/felquis/pen/oXYdEz event.stopPropagation()
  27. 27. event.preventDefault() event.stopPropagation() event.stopImmediatePropagation() Codepen http://codepen.io/felquis/pen/PqbxyG JavaScript
 http://codepen.io/felquis/pen/oXYdEz
  28. 28. event.preventDefault() event.stopPropagation() event.stopImmediatePropagation()
  29. 29. event.preventDefault() event.stopPropagation() event.stopImmediatePropagation()
  30. 30. event.stopImmediatePropagation() Event Event Event Object
  31. 31. event.stopImmediatePropagation() Event Event Event Object
  32. 32. event.stopImmediatePropagation() Event Event Event Object
  33. 33. event.stopImmediatePropagation() Event Event Event Object
  34. 34. event.stopImmediatePropagation() Event Event Event Object
  35. 35. event.stopImmediatePropagation() Event Event Event Object
  36. 36. event.stopImmediatePropagation() Event Event Event Object Trigger
 Event
  37. 37. event.stopImmediatePropagation() Event Event Event Object Trigger
 Event
  38. 38. event.stopImmediatePropagation() Event Event Event Object Trigger
 Event
  39. 39. event.stopImmediatePropagation() Event Event Event Object Trigger
 Event
  40. 40. event.stopImmediatePropagation() Event Event Event Object Trigger
 Event
  41. 41. event.stopImmediatePropagation() Event Event Event Object Trigger
 Event
  42. 42. event.stopImmediatePropagation()
  43. 43. event.stopImmediatePropagation()
  44. 44. event.stopImmediatePropagation()
  45. 45. event.stopImmediatePropagation()
  46. 46. event.stopImmediatePropagation()
  47. 47. event.stopImmediatePropagation() Codepen http://codepen.io/felquis/pen/PqbxyG
  48. 48. É isso ai 😅
  49. 49. 😈 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
  50. 50. Obrigado felquis.com/talks/jquery-events/

×