all about events in JS

1. События в JS
ВЛАДИМИР ДАШУКЕВИЧ

2. Событие
Это сообщение, которое
возникает в различных
точках исполняемого
кода при выполнении
определённых условий.

3. Виды событий в JS
Браузерные
(нативные)
Программные

4. Eventloop в
JS

5. Вопрос?

6. Eventloop

7. Нет Deadlock-ов))))

8. Как создать Deadlock в JS?
WebWorkers
localStorage
(window.addEventListener(“storage”,
function(){}, false))

9. Печаль(

10. События
мыши

11. Mouse???

12. Это ж просто)) Как сложить два
числа)

13. JQuery

14. Capturing and bubbling

15. Netscape vs IE

16. Peace)

17. stopPropagation

18. stopImmediatePropagation

19. Но как же его остановить?

20. Все
просто)))

21. Ах если бы все было так просто(
pointer-events: auto | none |
visiblePainted | visibleFill |
visibleStroke | visible | painted |
fill | stroke | all | inherit;

22. 60fps scrolling using pointer-events: none

23. setCapture/releaseCapture

24. Создание своего события
мыши

25. Создать свое событие мыши

26. Вопрос?

27. Touch and pointer

28. Touches

29. TouchEvent
touches
targetTouches
changedTouches

30. Touch

31. Отличие
touches
targetTouches
changedTouches

32. Создание)

33. Творчество и воображение

34. touch-action
touch-action: auto | none | [ [ [ pan-x
|| pan-y || pinch-zoom
] | manipulation ] || double-tap-
zoom ]

35. Но что же делать с 300ms
задержкой
Fastclick.js
Tap.js

36. Gestures

37. Gestures

38. IE10+

39. Android((((
http://hammerjs.github.io
/

40. Pointers

42. Pointer
IE11 IE10
pointerdown
pointermove
pointerup
MSPointerDow
n
MSPointerMov
e
MSPointerUp

43. Gotpointercapture and
setPointerCapture

44. Gamepad
gamepadconnected
gamepaddisconnected

45. Mutations

46. Mutaions
DOMSubtreeModified
DOMNodeRemoved
DOMNodeInserted

47. Mutations

48. MutationObserver

49. Questions?