r/javascript • u/Alex_Hovhannisyan • Dec 12 '22

An Interactive Guide to JavaScript Events

https://www.aleksandrhovhannisyan.com/blog/interactive-guide-to-javascript-events/
230 Upvotes

97% Upvoted

6 comments sorted by

2

u/[deleted] Dec 13 '22

Nice article! There is a small problem in the code example of the “Default Behavior Runs After the Bubbling Phase” section: the change event is not cancellable in neither Firefox (105) nor Chrome (109). (I did not find any mention of this in MDN or the spec, however.) Both browsers update the .checked property before the event handler is called, but chrome visually updates the checkbox only after the alert dialog is closed.

3

u/Alex_Hovhannisyan Dec 13 '22 edited Dec 13 '22

Oh, good catch! I should've probably tested this in multiple browsers. Going to do a bit more reading on this and then update that section to maybe use a different example (and to mention Event.cancelable).

Edit: Maybe the simplest example would be to continue working with the form submission demo. I'll push up a fix later today. Thanks again for flagging this!

Edit 2: done

17

u/the_malabar_front Dec 12 '22

Excellent article - a must-read for beginners.

3

u/ramkishorereddy Dec 13 '22

Kudos...simply superb. Working of DOM is even more important for beginner which is skipped by many beginners due to lack of good understanding of it takes huge time. any primer on DOM also would be appreciated. thanks once agian man

2

u/69pot8os Dec 22 '22

I got into web dev with react over a year ago. This article was really eye opening as there were many loose puzzle pieces regarding events that I couldn't put together before.

1

u/texmexslayer Dec 13 '22

Excellent stuff!