addEventListener() - Beau teaches JavaScript

  Рет қаралды 150,499

freeCodeCamp.org

freeCodeCamp.org

Күн бұрын

Пікірлер: 79
@CknSalad
@CknSalad 6 жыл бұрын
really good, concise explanation of addEventListener(). It's always good to brush up or have a refresher on pure JavaScript concepts after coding so much in a framework such as VueJS.
@paudelamarianaoancea3761
@paudelamarianaoancea3761 5 жыл бұрын
very nice!! i am still confused but i will keep on watching 20 more times.good job
@qureshiowais6951
@qureshiowais6951 4 жыл бұрын
watch 20 different videos instead.
@frederickahmed8634
@frederickahmed8634 3 жыл бұрын
A tip: you can watch movies on KaldroStream. Been using it for watching all kinds of movies during the lockdown.
@landynlondon7474
@landynlondon7474 3 жыл бұрын
@Frederick Ahmed Definitely, I've been using Kaldrostream for years myself :D
@shilohjuelz2478
@shilohjuelz2478 3 жыл бұрын
@Frederick Ahmed yup, I've been watching on KaldroStream for months myself =)
@rosalyna_24
@rosalyna_24 3 жыл бұрын
same hhhh
@Sjongleringsmannen
@Sjongleringsmannen 4 жыл бұрын
I was looking for the explanation of the last parameter of addEventListener, the optional one. Thanks, I think I understand it now! And here's my attempt on trying to explain it with my words: The last parameter decides in which order two events are fired on an event. Innermost(false) or outermost(true) element first - with event bubbling.
@DONofC0D
@DONofC0D 7 жыл бұрын
had a problem with eventlisteners for the past 2 days and the insight you gave on useCapture really helped fix the problem :)
@kingj282
@kingj282 Жыл бұрын
Knowing that I can set multiple event listeners for the same element really helped my self-guided project! Thanks!
@SoCalRhetor
@SoCalRhetor 3 жыл бұрын
This was an extraordinary intro to your course. You really know your audience well, my friend.
@habtamusium123
@habtamusium123 Ай бұрын
I got it informative for my fainal exam w/c left 1 day only . many thanks!
@YayZ
@YayZ Жыл бұрын
Only One topic But Deep and complete explanation 😎
@tung01vuongtri33
@tung01vuongtri33 2 жыл бұрын
Thank you, you guys really help me to enhance my knowledge
@armennagapetian7779
@armennagapetian7779 6 жыл бұрын
Great explanation thank you so much !!!
@realcconnect6873
@realcconnect6873 4 жыл бұрын
not great even not good but very bad explanation , i didnt understand nothing
@onlygodcanjudgeme4433
@onlygodcanjudgeme4433 3 жыл бұрын
@@realcconnect6873 It's actually good if you did not understand nothing. It would be bad if you hadn't understood ANYTHING :)
@aleshamccown2095
@aleshamccown2095 3 жыл бұрын
Excellent! Just what I needed! Thanks!
@SportyPompano
@SportyPompano 4 жыл бұрын
Hey, Thanks so much for this, this video helped so much, I was trying to get the click to do something but I couldn't get it until I saw this video, now it's obvious, thanks.
@agarsomyoutuber4608
@agarsomyoutuber4608 4 жыл бұрын
I don't think so, it's that useful! Pretty dumb video! Need improvement, btw!
@SportyPompano
@SportyPompano 4 жыл бұрын
@@agarsomyoutuber4608 maybe but it really did help, I couldnt get it at all
@navigator54674
@navigator54674 6 жыл бұрын
How to make this code work in a browser? I have the same issue as with the video before.
@NYC_CuriousG
@NYC_CuriousG 6 жыл бұрын
In the last few seconds of your tutorial, how do you then remove the event listener if it is encapsulated in the function(){ [code here]}?
@Onlineteaching10
@Onlineteaching10 3 жыл бұрын
Excellent clearness
@ankitmehrotra8519
@ankitmehrotra8519 7 жыл бұрын
Hi Beau..Thanks for making all these videos..They are life changing and are really Awesome. I am learning a lot of new things everYday. Just wanna know are there any videos for memory leaks in javscript you did?
@gcambrose2422
@gcambrose2422 3 жыл бұрын
When I go to update console I receive this violation and I my console does not update, how can I stop this violation message? [Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. ..............Thank you for your consideration.
@msbecks3806
@msbecks3806 3 жыл бұрын
Hello I need to pass a callback function that takes an argument. like, btn.addEventListener('click', myFunction(arg)); .... but i had some problems with this as the function ran without a click.... any help please
@EnzoAuditore
@EnzoAuditore 2 жыл бұрын
Thank you for this.
@catlove101
@catlove101 2 жыл бұрын
I think you can use arrow function to look more cleaner
@kevinfelipe1811
@kevinfelipe1811 Жыл бұрын
what if I want to set a parameter to my function?
@mohamedhamza2801
@mohamedhamza2801 2 жыл бұрын
What about useCapture of p = true, and useCapture of p = false (or vice versa), what would be the result ??? Thank you for the explanation
@angerbadge773
@angerbadge773 Жыл бұрын
create a pen and try it yourself thats how you learn you wont get all the answers from youtube itself, get ur ass working in case if u are still waiting for the reply💀💀
@arthurnino93
@arthurnino93 4 жыл бұрын
very nice thank you Beau
@Lerremy
@Lerremy 6 жыл бұрын
beast tutorial bro thanks a lot
@MarstonH
@MarstonH 10 ай бұрын
beau is the best
@americanocoffee541
@americanocoffee541 5 жыл бұрын
Is there a reason why my code works in Codepen but not in VScode? VScode is working because I am using it on another project. Great videos!!!
@bhushangawali81
@bhushangawali81 5 жыл бұрын
Same here . Mine too doesn't work in VScode .
@adityabhatnagar3264
@adityabhatnagar3264 6 жыл бұрын
am trying to make social share buttons, but when I do right click or mouse middle click. JS onClick not executing. can you help? TIA A piece of code example:
@zettabytesofknowledge8235
@zettabytesofknowledge8235 4 жыл бұрын
oh that code link is very cool! I am trying to add a event listener to a reset button displaying the text the form has been submitted.
@davidecasella_
@davidecasella_ 4 жыл бұрын
what font are you using????
@trenvert123
@trenvert123 6 жыл бұрын
Hey, I don't know if you're willing to help people struggling, but I need it. I can get the code to work just fine in most scenarios, but when I open my HTML from the browser and link it to my JS, my addEventListener is run instantly. I've gone to stackoverflow to look for a solution, but received no help there. Why isn't it waiting for the event before running?
@BeauCarnes
@BeauCarnes 6 жыл бұрын
If you send me your code I may be able to offer a suggestion. beau@freecodecamp.org
@vijayscode5093
@vijayscode5093 7 жыл бұрын
Why do we need to remove eventListener? when we do not clear normal click functions?
@BeauCarnes
@BeauCarnes 7 жыл бұрын
There is no requirement to remove an eventListener. You only do it if that will help the purposes of your program. Maybe you want to deactivate a button until a validation is passed.
@nazarmaksymchuk2021
@nazarmaksymchuk2021 7 жыл бұрын
vijays code you can do .setAttribute("disabled") = true;
@gamolocovideos6906
@gamolocovideos6906 6 жыл бұрын
Loved the video thanks
@drewdrew1468
@drewdrew1468 5 жыл бұрын
This is only a basic explanation. You didn't cover passing parameters in the nested function that's located within the parameter of addEventListener. addEventListener(event, function(e) { //code here}, useCapture); I'm sure many people would be curious about where the arugment for the e parameter comes from.
@grinishkin
@grinishkin Жыл бұрын
This is why I came here))
@amirbland7836
@amirbland7836 3 жыл бұрын
It’s took me 10,000 try’s but I got it to work
@user-or7ji5hv8y
@user-or7ji5hv8y 5 жыл бұрын
the audio quality can be improved. thx
@calibr0636
@calibr0636 5 жыл бұрын
i learned smthing new
@realcconnect6873
@realcconnect6873 4 жыл бұрын
nothing good
@calibr0636
@calibr0636 4 жыл бұрын
Real C Connect true, I forgot it all
@danielraducu9073
@danielraducu9073 3 жыл бұрын
i love you beau !
@abhisheklale1429
@abhisheklale1429 4 жыл бұрын
Still Confused but explained well
@VGLV888
@VGLV888 4 жыл бұрын
☑️☑️
@realcconnect6873
@realcconnect6873 4 жыл бұрын
nothing I understand
@zeynel_premium_edition
@zeynel_premium_edition 3 жыл бұрын
Thanks bro : )
@fragrantbloom
@fragrantbloom 3 жыл бұрын
Thank you
@ahsath
@ahsath 7 жыл бұрын
but you could build a function to call many times you want the onclick event!!
@umestudantedeti9072
@umestudantedeti9072 4 жыл бұрын
Neste vídeo temos um exemplo de um projeto carrinho de compras que utiliza o addEventListener kzbin.info/www/bejne/f3OkpHeHm5KlqNk
@kempenstein8341
@kempenstein8341 4 жыл бұрын
is this Hashinshin
@emmanuelekwere9198
@emmanuelekwere9198 3 жыл бұрын
Can’t even see anything.
@Udaridamarakula1234
@Udaridamarakula1234 4 жыл бұрын
👍👍
@m344-g9j
@m344-g9j 3 жыл бұрын
no lorem ipsum?!?!am i în heaven?
@mortezafarhangpanah256
@mortezafarhangpanah256 Жыл бұрын
Thanks
@brandoncarlosfloresmarzo7862
@brandoncarlosfloresmarzo7862 5 жыл бұрын
TOP
@ParaZumir
@ParaZumir Жыл бұрын
It’s not the best… missing some explanation… It’s only good if u already know that (for refreshing) 😢
@tonyamichelle9310
@tonyamichelle9310 3 жыл бұрын
Hmmmm
@JashandeepSingh-be2tl
@JashandeepSingh-be2tl 4 жыл бұрын
hehe myP
@WhyYouSay
@WhyYouSay 2 жыл бұрын
Maybe next time you can try explaining things in english!
Learn JavaScript Event Listeners In 18 Minutes
18:03
Web Dev Simplified
Рет қаралды 605 М.
cookies vs localStorage vs sessionStorage - Beau teaches JavaScript
9:05
freeCodeCamp.org
Рет қаралды 177 М.
Мен атып көрмегенмін ! | Qalam | 5 серия
25:41
BAYGUYSTAN | 1 СЕРИЯ | bayGUYS
36:55
bayGUYS
Рет қаралды 1,9 МЛН
DOM Nodes - Beau teaches JavaScript
5:05
freeCodeCamp.org
Рет қаралды 33 М.
Objects - Beau teaches JavaScript
8:40
freeCodeCamp.org
Рет қаралды 42 М.
Event Listeners - Javascript - Tutorial 14
13:55
Giraffe Academy
Рет қаралды 65 М.
Event Listeners in JavaScript | JavaScript Events Tutorial
39:32
5 JavaScript Concepts You HAVE TO KNOW
9:38
James Q Quick
Рет қаралды 1,4 МЛН
Animation in the DOM - Beau teaches JavaScript
7:40
freeCodeCamp.org
Рет қаралды 46 М.
Programming Is NOT Enough | Add these 7 skills…
13:19
Travis Media
Рет қаралды 423 М.
7 Outside The Box Puzzles
12:16
MindYourDecisions
Рет қаралды 86 М.
Learn DOM Manipulation In 18 Minutes
18:37
Web Dev Simplified
Рет қаралды 1 МЛН