06 HappyDev-lite-2015 autumn. Андрей Юдин. JavaScript. Аспекты применения в современной разработке
Cобытия в JavaScript
-
Upload
vladimir-dashukevich -
Category
Software
-
view
390 -
download
6
Transcript of Cобытия в JavaScript
События в 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?