Learn JavaScript Online

JavaScript topic hub

Learn Browser: Document, Events, Interfaces

Follow 32 JavaScript lessons across 6 chapters in the Browser: Document, Events, Interfaces section of Learn JavaScript Online.

Search topics covered

  • Browser: Document, Events, Interfaces
  • Browser: Document, Events, Interfaces JavaScript
  • learn Browser: Document, Events, Interfaces
  • Browser: Document, Events, Interfaces tutorial
  • Browser: Document, Events, Interfaces lessons
  • JavaScript tutorial
  • learn JavaScript
  • JavaScript course

Lessons in this JavaScript topic

  1. 1.1Browser environment, specs
  2. 1.2DOM tree
  3. 1.3Walking the DOM
  4. 1.4Searching: getElement*, querySelector*
  5. 1.5Node properties: type, tag and contents
  6. 1.6Attributes and properties
  7. 1.7Modifying the document
  8. 1.8Styles and classes
  9. 1.9Element size and scrolling
  10. 1.10Window sizes and scrolling
  11. 1.11Coordinates
  12. 2.1Introduction to browser events
  13. 2.2Bubbling and capturing
  14. 2.3Event delegation
  15. 2.4Browser default actions
  16. 2.5Dispatching custom events
  17. 3.1Mouse events
  18. 3.2Moving the mouse: mouseover/out, mouseenter/leave
  19. 3.3Drag'n'Drop with mouse events
  20. 3.4Pointer events
  21. 3.5Keyboard: keydown and keyup
  22. 3.6Scrolling
  23. 4.1Form properties and methods
  24. 4.2Focusing: focus/blur
  25. 4.3Events: change, input, cut, copy, paste
  26. 4.4Forms: event and method submit
  27. 5.1Page: DOMContentLoaded, load, beforeunload, unload
  28. 5.2Scripts: async, defer
  29. 5.3Resource loading: onload and onerror
  30. 6.1Mutation observer
  31. 6.2Selection and Range
  32. 6.3Event loop: microtasks and macrotasks