{"id":66345,"date":"2025-01-02T03:01:00","date_gmt":"2025-01-01T17:01:00","guid":{"rendered":"https:\/\/www.rjmprogramming.com.au\/ITblog\/?p=66345"},"modified":"2025-01-01T21:33:55","modified_gmt":"2025-01-01T11:33:55","slug":"youtube-video-api-event-stop-propagation-idea-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/youtube-video-api-event-stop-propagation-idea-tutorial\/","title":{"rendered":"YouTube Video API Event Stop Propagation Idea Tutorial"},"content":{"rendered":"
\"YouTube<\/a>

YouTube Video API Event Stop Propagation Idea Tutorial<\/p><\/div>\n

We’re back using the YouTube API<\/a> video playing themes of YouTube Video API Interfacer Audio Play Tutorial<\/a> as a means to setting up a web application that may help explain …<\/p>\n


\nevent.stopPropagation();<\/a>
\n<\/code><\/p>\n

… Javascript event control of it’s “bubbling” (up through an element hierarchy)<\/font>, in other words, depending where you place this, stopping it’s “bubbling up” at that element concerned …<\/p>\n

\nThe stopPropagation() method of the Event interface prevents further propagation of the current event in the capturing and bubbling phases. It does not, however, prevent any default behaviors from occurring; for instance, clicks on links are still processed. If you want to stop those behaviors, see the preventDefault() method. It also does not prevent propagation to other event-handlers of the current element. If you want to stop those, see stopImmediatePropagation().\n<\/p><\/blockquote>\n

We find, around here, we don’t know we’ve created a need for event.stopPropagation() usage until we’ve stumbled onto it, most of the time, so trying to get in ahead of it with today’s proof of concept<\/a> to event.stopPropagation() or not to event.stopPropagation()<\/a> web application feels a bit novel to us, in a good way.<\/p>\n

This means by which to toggle that mode of use was more straightforward than “data control” with our musical YouTube API video functionality allowing a user to choose and slot in their own video ideas via either …<\/p>\n