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

1. jQuery
Minha linguagem de programação favorita

2. Meu nome é Felquis

3. Eventos

5. ./src/event/alias.js

6. Original 84151 Bytes
dist/jquery.min.js

7. Original 83568 Bytes
dist/jquery.min.js
grunt custom:-event/alias
583 Bytes carentes salvos

8. Original 83568 Bytes
dist/jquery.min.js
grunt custom:-event/alias
583 Bytes carentes salvos

9. Original 83568 Bytes
dist/jquery.min.js
grunt custom:-event/alias

10. 583 bytes já é alguma coisa

11. 583 bytes já é alguma coisa

13. https://github.com/jquery/jquery/blob/master/src/event/alias.js

16. RIP
.live, .delegate

33. 10 elementos 10 execuções

35. Custom Events

42. Custom Events?

43. Custom Events
😳 Custom Events - https://learn.jquery.com/events/introduction-to-custom-events/
😁 Event Extensions - https://learn.jquery.com/events/event-extensions/

44. event.preventDefault()
event.stopPropagation()
event.stopImmediatePropagation()

45. event.preventDefault()
event.stopPropagation()
event.stopImmediatePropagation()

46. event.preventDefault()
event.stopPropagation()
event.stopImmediatePropagation()

47. Ele para o event bubbling
event.stopPropagation()

48. event.stopPropagation()

49. event.stopPropagation()

50. event.stopPropagation()

51. event.stopPropagation()

52. event.stopPropagation()

53. Codepen
http://codepen.io/felquis/pen/PqbxyG
JavaScript
http://codepen.io/felquis/pen/oXYdEz
event.stopPropagation()

54. event.preventDefault()
event.stopPropagation()
event.stopImmediatePropagation()
Codepen
http://codepen.io/felquis/pen/PqbxyG
JavaScript
http://codepen.io/felquis/pen/oXYdEz

55. event.preventDefault()
event.stopPropagation()
event.stopImmediatePropagation()

56. event.preventDefault()
event.stopPropagation()
event.stopImmediatePropagation()

57. event.stopImmediatePropagation()
Event
Event
Event
Object

58. event.stopImmediatePropagation()
Event
Event
Event
Object

59. event.stopImmediatePropagation()
Event
Event
Event
Object

60. event.stopImmediatePropagation()
Event
Event
Event
Object

61. event.stopImmediatePropagation()
Event
Event
Event
Object

62. event.stopImmediatePropagation()
Event
Event
Event
Object

63. event.stopImmediatePropagation()
Event
Event
Event
Object
Trigger
Event

64. event.stopImmediatePropagation()
Event
Event
Event
Object
Trigger
Event

65. event.stopImmediatePropagation()
Event
Event
Event
Object
Trigger
Event

66. event.stopImmediatePropagation()
Event
Event
Event
Object
Trigger
Event

67. event.stopImmediatePropagation()
Event
Event
Event
Object
Trigger
Event

68. event.stopImmediatePropagation()
Event
Event
Event
Object
Trigger
Event

69. event.stopImmediatePropagation()

70. event.stopImmediatePropagation()

71. event.stopImmediatePropagation()

72. event.stopImmediatePropagation()

73. event.stopImmediatePropagation()

74. event.stopImmediatePropagation()
Codepen
http://codepen.io/felquis/pen/PqbxyG

75. É isso ai 😅

76. 😈 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

77. Obrigado
felquis.com/talks/jquery-events/