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

Событие

Это сообщение, которое

возникает в различных

точках исполняемого

кода при выполнении

определённых условий.

Виды событий в JS

Браузерные

(нативные)

Программные

Eventloop в

JS

Вопрос?

Eventloop

Нет Deadlock-ов))))

Как создать Deadlock в JS?

WebWorkers

localStorage

(window.addEventListener(“storage”,

function(){}, false))

Печаль(

События

мыши

Mouse???

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

числа)

JQuery

Capturing and bubbling

Netscape vs IE

Peace)

stopPropagation

stopImmediatePropagation

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

Все

просто)))

Ах если бы все было так просто(

pointer-events: auto | none |

visiblePainted | visibleFill |

visibleStroke | visible | painted |

fill | stroke | all | inherit;

60fps scrolling using pointer-events: none

setCapture/releaseCapture

Создание своего события

мыши

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

Вопрос?

Touch and pointer

Touches

TouchEvent

touches

targetTouches

changedTouches

Touch

Отличие

touches

targetTouches

changedTouches

Создание)

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

touch-action

touch-action: auto | none | [ [ [ pan-x

|| pan-y || pinch-

zoom ] | manipulation ] || double-

tap-zoom ]

Но что же делать с 300ms

задержкой

Fastclick.js

Tap.js

Gestures

Gestures

IE10+

Android((((

http://hammerjs.github.io

/

Pointers

Pointer

pointerdown

pointermove

pointerup

MSPointerDow

n

MSPointerMov

e

MSPointerUp

IE11 IE10

Gotpointercapture and

setPointerCapture

Gamepad

gamepadconnected

gamepaddisconnected

Mutations

Mutaions

DOMSubtreeModified

DOMNodeRemoved

DOMNodeInserted

Mutations

MutationObserver

Questions?