Aug 13, 2025 · 19 min read · Advanced DOM Manipulation DOM Manipulation is an important topic worth learning in Web development, this is because it is one of JavaScript’s main uses to make web pages interactive. This article will cover topics like how to traverse the DOM and w...
AAnn commented
Mar 7, 2025 · 5 min read · Lets take an example, We create a div and set up an onclick event that shows an alert with the message "div handler". Inside the div, there is a button labeled "Click Me". https://codepen.io/kyhtvzke-the-styleful/pen/PwojjRJ When you click the butt...
Join discussion
Dec 3, 2024 · 2 min read · Event capturing occurs when a nested element gets clicked. The click event of its parent elements must be triggered before the click of the nested element. Event capturing is not the default behavior of Javascript Events. In vanilla javaScript we ne...
Join discussionSep 21, 2024 · 4 min read · Come on, 'Learn like you're 5' is just a phrase — I'm not telling a toy story here! But I promise, if you read through carefully from start to finish, it'll all make sense. Event bubbling and capturing are two phases of how events propagate (or trave...
Join discussion
Aug 27, 2024 · 4 min read · In JavaScript, events like clicks don't just stay where they happen. They can move through different parts of your webpage, which is known as event propagation. Let's explore what this means, how it works, and how you can control it using event bubbl...
Join discussion
Feb 1, 2024 · 1 min read · Event Bubbling and Event Capturing are two ways to propagate in the DOM Tree. Suppose we have nested HTML elements, we have three div tags: Outermost div -> Grand Parent Inner div -> Parent Innermost div -> Child So, here how propagation of events oc...
Join discussionJan 21, 2024 · 12 min read · What is event propagation? Event propagation refers to the process by which events are handled in a software application, particularly in the context of graphical user interfaces (GUIs) or web development. Events can be user actions, such as clicking...
Join discussion
Oct 22, 2023 · 4 min read · Introduction In this article, I will be talking about how the browser detects that there is an event. The standard DOM Events describes 3 phases of event propagation: Capturing phase - The event goes down from top to bottom Target phase - reaches t...
Join discussion
Aug 15, 2023 · 4 min read · Intro - An event is a signal specifying that something has happened. User actions on the browser, generally are the main cause behind the events. Examples of some commonly came across events are click, mouseover, keyup/keydown, submit, and many more....
Join discussion
Aug 9, 2023 · 5 min read · Introduction Event handling is a fundamental aspect of modern web development, enabling dynamic and interactive user experiences. At the heart of event handling lies the concept of "event bubbling," a critical mechanism that dictates how events trave...
Join discussion