Downloaded 37 times
Uploaded byIvan Matiishyn
[SoftServe IT Academy] - JavaScript Events
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.
![How Big Brands are Taking Your Traffic in Alberta [Data Inside].pptx](https://cdn.slidesharecdn.com/ss_thumbnails/howbigbrandsaretakingyourtrafficinalbertadatainside-260123180142-42d276f3-thumbnail.jpg?width=640&height=640&fit=bounds)
[SoftServe IT Academy] - JavaScript Events
- 1.
- 2. Agenda ▪ Types ofEvents ▪ 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 W3CDOM - IE ▪ W3C DOM ▪ IE
- 9. Registering Event Handlers CrossBrowser Event Handlers
- 10. Event Handler Argument ▪Any source – type – targer / srcElement ▪ Mouse – button – altKey, ctrlKey, shiftKey – clientX, clientY ▪ Keyboard – keyCode
- 11. Event Cancellation ▪ W3CDOM ▪ IE ▪ Cross Browser
- 12. Bubbling ▪ After anevent 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.