Tvorba klientských aplikací v JavaScriptu

Obsah

1. Události opakování
2. Události klávesnice
3. Handle event
4. Události - stornování výchozí události
5. Události - fáze průchodu události
6. Zpoždění vykonávání - setTimeout, requestAnimationFrame

Události - opakování

• Co víte o událostech?
• addEventListener, removeEventListener, Event

Klavesnice

• Úkol I: Napište aplikaci která bude za pomoci šipek posunovat po obrazovce kolečko.
• keyCode, code, key

Handle event

• O co jde?
• obj.handleEvent
• Upravte: předchozí kód tak, aby využíval handleEvent metodu (logujte pozici myši do console)

Stornování

• O co jde?
• e.preventDefault
• Doplňte: před proklikem cílové url zobrazte potvrzení

Fáze

• O co jde?
• e.stopPropagation, useCapture
• Doplňte: logujte pohyb myši jen mimo červený kruh

Zpozďování

• O co jde?
• setTimeout, requestAnimationFrame - ukážeme si více u canvasu
• Doplňte: nelogujte pohyb myši neustále, ale jen co 500 ms

Řešení

Prostor pro otázky