01:51 Introduction to events in JavaScript 05:37 Events in JavaScript are invoked on specific activities such as mouse click or key press. 07:29 The three approaches discussed are: 1) Using the current approach reduces code. 2) The second approach involves selecting elements by ID and adding an onClick event. 3) The best approach is using event listeners for more features. 11:08 Different approaches to handling click events in JavaScript. 13:08 Events in JavaScript provide detailed information about user interactions. 16:46 The video discusses the events in JavaScript and the use of Alt key 18:26 Event propagation in JavaScript 22:02 By using the Stop Propagation method, you can prevent bubbling of events. 23:43 Using preventDefault() to change the default behavior of an event 27:22 Creating an event to make an image disappear when clicked 29:00 Using event listeners to track click events in JavaScript 32:23 Removing elements in JavaScript using the removeChild method. 34:18 Understanding event propagation and bubbling in JavaScript
One of the best video I've ever seen on events. Thanks for giving us immense knowledge. I'm a software engineer but to be honest now I got to know in detail about Bubbling n capturing
"Chai and Code, your coverage of JavaScript events is pure gold! 🌟 I've learned so much from this series, and it's an absolute gem for both me and fellow JavaScript enthusiasts. Thanks for making learning so enjoyable! 👏🚀"
What a explaination!!!!! I never really understood events correctly until this video. Hitesh Sir you are seriously the best teacher I ever came across..💯❤🔥🔥🔥🔥🔥
"Your comprehensive lecture on JavaScript events has been nothing short of remarkable. Your ability to demystify this fundamental aspect of web development and provide practical insights is truly commendable. I'm truly impressed by how you've made events in JavaScript not just understandable but also exciting!"
I was working on a project that had google maps for showing locations and popup on map when user click on a specific listing. listing parent div and inside button both had events. map popup event set on parent div and button had redirect event BUT the error was popup opened when user click button means instead of redirect event the parent div event triggered. i solved that in a different way (by creating radio input for popup and remove event from parent div) but the solution is event propagation and bubbling. really thank you for covering this.
"The way you've unraveled the intricacies of JavaScript events is truly inspiring, making what once seemed complex now feel within our grasp. Your lecture has ignited a newfound enthusiasm for event-driven programming!"
One by One . I am getting the full gist of JS .. Now I even tried to solve the issue by myself . Before seeing the solution. thanks to you I am now confident.
Thank you very much for teaching us javascript sir I was wandering for 2 days in search of these kinds of quality tutorials Now I'm gonna follow this series ❤
at 23:37 , I would like to add another point, which I discovered through a bug, when the value of 3rd parameter for both the events is true and we apply the stopPropagation method for the owl element, then the message for the images id also get logged , but why did it get log? because stopPropagation method prevents further bubbling and to propagate to other elements but it doesn't affect ones who have already been triggered. In our case the images event is triggered earlier than the owl event, which results in logging of it.
also got to knew a few more things: the 3rd parameter is called useCapture, I had a doubt that what if for some events the value of useCapture is True and for others it is false, will it lead to some contradiction? well, actually no , this parameter only determines in which phase the event listener will be activated.If it is set to be true that it means it will be activated in the first phase(capturing phase) else it will be activated in the last phase(bubbling phase)
Maza aagaya sir, kya behtareen way hai apka teaching ka, mujhe toh bohut acha lag raha hai sir apse sikhe. Kitne paise bhi pay karu ayisa course ke liye kam hi hai.Thank you so much sir❤❤❤❤
what an expectional video on JavaScript events, literally loved it so much, the way he is teaching, is just amazing and the concepts that are really important and far better than other 10hr long videos...thanks man😍😍
Grateful that people like you doing best kind of social service by helping the learners with top quality content where others are charging for inferior quality. Thank you for your time, efforts and resources you put up for making this happen.
i just completed js basic and even i had done my mern coruse i am watching this series cause the way he is teaching awesome . and look forward to learn with you..
Thank you very much for teaching us javascript sir I was wandering for 2 days in search of these kinds of quality tutorials Now I'm gonna follow this series
I just sit for learning HTML from chai aur code and suddenly a notification came from this chennel telling that never stop leaning or jab Hitesh bhai han to fikar kesi. Bs sekkhty jao
Sir ye jo hinglish explaination hai sir vo bahut achha harr student smjh sakta hai chahe vo kisi bhi backgroun se ho.❤dusra ye pls point hai ki aap content bahut heavy padha rhe hain jo real mai industry mai humm chizo ko use krte hai ES6 ke topics vagera.
Bohot achha se samjh aaya event propagation (event bubbling and capturing) Also how to removes subnodes individuals with target to parentNode... Thanks🤩
sir I haven't visit the website but I did all 4 projects with my own and then I saw your tutorial .I am happy that I was able to do project . Thank you sir for this amazing content ❤❤
your explanation is the best over the all you tubers and paid courses.. my biggest nightmare- what happens if Hitesh sir stop creating such a deep valuable lesson for free on youtube
Wow!, what a lecture on event. Thank you very much sir for such a deep and detailed lecture. now as you reminded us about trello app so please make a video on trello clone. specially on drag and drop.Thanks in advance.
Sir ji yaha pe Jo hamne sikha vo paid course me bhi nahi hai, thank You very much sir for clearing all our doubts. aur Aapse Sikhne me maja hi kuch aur hai Thank you sir once again
As a beginner you may not realize how good this series and every video is , by far the best playlist 🙏🙏
01:51 Introduction to events in JavaScript
05:37 Events in JavaScript are invoked on specific activities such as mouse click or key press.
07:29 The three approaches discussed are: 1) Using the current approach reduces code. 2) The second approach involves selecting elements by ID and adding an onClick event. 3) The best approach is using event listeners for more features.
11:08 Different approaches to handling click events in JavaScript.
13:08 Events in JavaScript provide detailed information about user interactions.
16:46 The video discusses the events in JavaScript and the use of Alt key
18:26 Event propagation in JavaScript
22:02 By using the Stop Propagation method, you can prevent bubbling of events.
23:43 Using preventDefault() to change the default behavior of an event
27:22 Creating an event to make an image disappear when clicked
29:00 Using event listeners to track click events in JavaScript
32:23 Removing elements in JavaScript using the removeChild method.
34:18 Understanding event propagation and bubbling in JavaScript
Thank you
One of the best video I've ever seen on events. Thanks for giving us immense knowledge. I'm a software engineer but to be honest now I got to know in detail about Bubbling n capturing
Really bro ☺️
Thank you, for this series. This Javascript series is one of the best on RUclips
eventPropogation, bubble, and capturing is easy to understand after watching this series .
Thank you sir❤❤
Deeply understood about events , no one teaches and explains the way u do sir ,Thank You So Much.....
28:40, here we can select < img > tag as well that will prevent the google link unselected as well
Audio quality, Video quality, Screen recording, Javascript Classes in hindi are a unique and are the best in your channel.
Finally understood the events ... mind-blowing lecture series
"Chai and Code, your coverage of JavaScript events is pure gold! 🌟 I've learned so much from this series, and it's an absolute gem for both me and fellow JavaScript enthusiasts. Thanks for making learning so enjoyable! 👏🚀"
Mind blowing sir kya padhate ho Apke charche har dwarpe salam he apko
22:00 event propagation: false = Bubbling (bottom to top)
true = Capturing (top to bottom)
What a explaination!!!!! I never really understood events correctly until this video. Hitesh Sir you are seriously the best teacher I ever came across..💯❤🔥🔥🔥🔥🔥
great value addition for JavaScript Community. Thank YOU ❤
one of the best lang playlit i have ever seen , after seeing this and doing code i can literally undersatnd so easily, thank you so much
"Your comprehensive lecture on JavaScript events has been nothing short of remarkable. Your ability to demystify this fundamental aspect of web development and provide practical insights is truly commendable. I'm truly impressed by how you've made events in JavaScript not just understandable but also exciting!"
I was working on a project that had google maps for showing locations and popup on map when user click on a specific listing. listing parent div and inside button both had events. map popup event set on parent div and button had redirect event BUT the error was popup opened when user click button means instead of redirect event the parent div event triggered. i solved that in a different way (by creating radio input for popup and remove event from parent div) but the solution is event propagation and bubbling. really thank you for covering this.
Have u made it
can u explain what is event obj ?
18:06 Events propagation (Events Bubbling, Events Capturing)
really great channel for hindi speakng community , love from maharashtra sir .....!
I've watched many tutorials on EventListeners but Bubbling and Capturing of Event was what i heard for the first time...
"The way you've unraveled the intricacies of JavaScript events is truly inspiring, making what once seemed complex now feel within our grasp. Your lecture has ignited a newfound enthusiasm for event-driven programming!"
Sir asehi in depth padhate rahiya ga.... Thank you sir 🙏 Love from Darjeeling West Bengal ❤
Dekh ke mon khush ho jate hai. Lovely Nice in-depth video
💌💌💌💌💌
One by One . I am getting the full gist of JS .. Now I even tried to solve the issue by myself . Before seeing the solution. thanks to you I am now confident.
Thank you very much for teaching us javascript sir
I was wandering for 2 days in search of these kinds of quality tutorials
Now I'm gonna follow this series ❤
at 23:37 , I would like to add another point, which I discovered through a bug, when the value of 3rd parameter for both the events is true and we apply the stopPropagation method for the owl element, then the message for the images id also get logged , but why did it get log? because stopPropagation method prevents further bubbling and to propagate to other elements but it doesn't affect ones who have already been triggered. In our case the images event is triggered earlier than the owl event, which results in logging of it.
also got to knew a few more things:
the 3rd parameter is called useCapture, I had a doubt that what if for some events the value of useCapture is True and for others it is false, will it lead to some contradiction? well, actually no , this parameter only determines in which phase the event listener will be activated.If it is set to be true that it means it will be activated in the first phase(capturing phase) else it will be activated in the last phase(bubbling phase)
The way you explain things and the way you visualize all the scenarios is actually perfect thank you so much for your youtube channel
Thank you, sir, for this series This Javascript series one of the best on RUclips
timestamp: 32:55 there is one more way to remove the image
removeit.style.display = 'none'
When we do display: none it is not going to be shown on the web page but it will be still there in the DOM.
Wow sir best ...lots of new things to learn in this series 🔥Dhanyawad🙏
I find it difficult to understand event propagation properly but the way u explained it with the example was wonderful. keep teaching like that .
no one teach js in depth like u sir 😐. thanks for taking js series in depth ☺.
Maza aagaya sir, kya behtareen way hai apka teaching ka, mujhe toh bohut acha lag raha hai sir apse sikhe. Kitne paise bhi pay karu ayisa course ke liye kam hi hai.Thank you so much sir❤❤❤❤
As a beginner you may not realize how good this series and every video is
This has to be one of the best videos on events.
Awesome, you are the best Javascript teacher on RUclips, way of explanation is awesome
14:18 Question
23:44 stopPropagation
32:34 print target cz i don't understand
32:34 removechild
what an expectional video on JavaScript events, literally loved it so much, the way he is teaching, is just amazing and the concepts that are really important and far better than other 10hr long videos...thanks man😍😍
explored so many events tutorial but never seen this type of explanation
Grateful that people like you doing best kind of social service by helping the learners with top quality content where others are charging for inferior quality. Thank you for your time, efforts and resources you put up for making this happen.
i just completed js basic and even i had done my mern coruse i am watching this series cause the way he is teaching awesome .
and look forward to learn with you..
Sir G bohat hi great series bna dali aap ne toh
Bundle of thanks and love from Pakistan
Explanation went to next level ..
thanx for making such videos
Vaaah maja aaya Events ko smjhne me Hitesh sir 😊
Best ever lecture on Events in javascript, very insightful. Very helpful for Interview
Thanks Sir for this amazing teaching and mini project .
"Chai aur Code, you're the mentor I never knew I needed for mastering JavaScript. Fantastic work!"
Sir literally I don't have words to express my gratitude for how much comprehensive you are.
Lots of love from Kashmir ❤
Thanks a ton 😊
hlw bro i think i have met you in bla
you are from kupwara ryt
the best playlist 🙏 thanks to my friend for suggesting me this channel!
Top notch quality content sir.🎉🎉 Thank you so much 🙏🙏🙏
Thank you very much for teaching us javascript sir
I was wandering for 2 days in search of these kinds of quality tutorials
Now I'm gonna follow this series
perfectly explained.....thankYou so much for your struggle sir
very useful and intresting video thanks alot hitesh sir i watch this 2024
Example hi mast rhta hai aapka ekdum pratical aur production me jo use hota h real world me 👉✅
Hlo aap bi job krti ho
IT company mai
Sir ap best series bana rhi ho ❤ keep it continue
Your JS tutorials have been a game-changer, empowering developers like me to build remarkable web applications - thank you🙏
I just sit for learning HTML from chai aur code and suddenly a notification came from this chennel telling that never stop leaning or jab Hitesh bhai han to fikar kesi. Bs sekkhty jao
Mzaa aagya padhke. Thankyou sir for putting so much efforts
VIDEO : 36
As usual great content ,
And alot needed to be covered in EVENTS ( Now be a developer and find the rest...)
28:31 This is called event delegation where we set up a single event hadler on the parent itself instead of setting up on the individual child
This is ine of the best lecture sir..maja ayya 😍😍😍😍😍😍😍😍😍😍😍
Finally Mera doubt clear ho gya ... Thank you 😊
Timestamp 23:22
Learned two new concepts - Event Bubbling and Event Capturing
Thanks a Lot Sir.....❣
Very cool video for understanding the events in a deep with bubbling and capturing now I am clear idea about the events
Thanks
Amazing lecture on Events I have ever seen on RUclips ❤😊❤❤😊
Great explanation on the whole RUclips.love you sir very much❤❤❤
Sach me maja aya aur bht hi bhtreen tarike se smjh me bhi aya.....
most important topic smashed by Hitesh sir 🔥
Extraordinary teaching style 🎉
thankyou for providing this much knowledge of events.
first studied this in december jan this year now after studing react came back to revise core js concepts from the legend himself!
one of the best classes on Events In JS ❤❤
Awesome explanation Sir ❤️
Thanks a lot.
Sir ye jo hinglish explaination hai sir vo bahut achha harr student smjh sakta hai chahe vo kisi bhi backgroun se ho.❤dusra ye pls point hai ki aap content bahut heavy padha rhe hain jo real mai industry mai humm chizo ko use krte hai ES6 ke topics vagera.
You tube ka sabse best Series he ye sabhi diniya bharka vada karte he but mujhe sabse best yahi samajh aya
Bohot achha se samjh aaya event propagation (event bubbling and capturing)
Also how to removes subnodes individuals with target to parentNode...
Thanks🤩
waah majja aya, kya sikhate ho sirji
Every video is Mind Blowing but this one was Mind Blasting. Kudos Hitesh ji. ❤
Thank you so much for spending so much time , and making such an amazing playlist and make every video so in depth , Thanks alot 🙌🙌
Thank you for this amazing video. very helpful, each and every concept is covered nicely
is lesson men bohat maza aya, thanks
crystal clear ❤❤
sir I haven't visit the website but I did all 4 projects with my own and then I saw your tutorial .I am happy that I was able to do project . Thank you sir for this amazing content ❤❤
Ab tak ki is series mei sabse jaada mazaa is video mei aaya
Your explanation is too good 😊😊 best series in India
your explanation is the best over the all you tubers and paid courses.. my biggest nightmare- what happens if Hitesh sir stop creating such a deep valuable lesson for free on youtube
Nice Video. Learned Lots of New Things
22:00 Event Bubbling
Wow!, what a lecture on event. Thank you very much sir for such a deep and detailed lecture. now as you reminded us about trello app so please make a video on trello clone. specially on drag and drop.Thanks in advance.
Wah maza ayaa!! Thank you sir!
Such a great video Sir ji. Loved it ❤
Wah mazaa aaya ❤ perfectly explained
Thank you for bringing this valuable series 💓💓❤❤❤❤❤❤
Such m pata hi nhi chla ki kab 36 minutes nikal gye best video
bahot badhiya sahab...maza aaya!
Series rock solid Rahe kya Hai aur india bale achi chai dhundh hi lete hai 😂 0:39
Sir ji yaha pe Jo hamne sikha vo paid course me bhi nahi hai, thank You very much sir for clearing all our doubts. aur Aapse Sikhne me maja hi kuch aur hai Thank you sir once again
Ye series new benchmark h quality ka
🎉❤best best series in the world
You just nailed it !!!!!! 🔥🔥
bht bht shukria
you are always my motivation and my role model