[SoftServe IT Academy] - JavaScript Events
Download as PPTX, PDF2 likes609 views
This document discusses JavaScript events. It covers types of events like onclick and onmouseover. It describes how to register event handlers by setting attributes or properties. It discusses the event handler argument and how to cancel events. It also explains event bubbling and capturing, where events triggered on nested elements will trigger from the innermost to outermost elements or vice versa.
[SoftServe IT Academy] - JavaScript Events
- 2. Agenda ▪ Types of Events ▪ Registering Event Handlers ▪ Event Handler Argument ▪ Event Cancellation ▪ Bubbling ▪ Capturing ▪ References and sources
- 3. Types of Events ▪ onclick ▪ onmousedown, onmouseup, ▪ onmousemove, onmouseover, onmouseout <body>, <input>, <textarea> ▪ onkeydown ▪ onkeypress ▪ onkeyup
- 4. Types of Events ▪ onfocus, onblur ▪ onload, onunload, onresize <form>, elements ▪ onreset, onsubmit ▪ onselect, onchange, onscroll ▪ HTML5 Events, Touchscreen
- 5. Registering Event Handlers - Base Model Setting Event Handler Attributes ▪ Using ▪ Cancel
- 6. Registering Event Handlers - Base Model Setting Event Handler Attributes ▪ this
- 7. Registering Event Handlers - Base Model Setting Event Handler Properties ▪ Using
- 8. Registering Event Handlers W3C DOM - IE ▪ W3C DOM ▪ IE
- 9. Registering Event Handlers Cross Browser Event Handlers
- 10. Event Handler Argument ▪ Any source – type – targer / srcElement ▪ Mouse – button – altKey, ctrlKey, shiftKey – clientX, clientY ▪ Keyboard – keyCode
- 11. Event Cancellation ▪ W3C DOM ▪ IE ▪ Cross Browser
- 12. Bubbling ▪ After an event triggers on the deepest possible element, it then triggers on parents in nesting order.
- 13. Capturing ▪ Captures down - through 1 -> 2 -> 3. ▪ Bubbles up - through 3 -> 2 -> 1.
- 14. References and sources 1. javascript.info 2. JavaScript: The Definitive Guide, 6th Edition 3. Everyone’s experience
- 15. Questions?