Moving mouse events - Basic JavaScript Fast (65) | mouseover, mouseout, mouseenter, mouseleave
This video discusses the differences between two pairs of mouse events for a moving mouse: mouseover and mouseout versus mouseenter and mouseleave.
Both mouseover and mouseout events have "target" and "related target" properties. Suppose a cursor moves from element A to element B. In considering the mouseover event, A is the related target while B is the target. However, in considering the mouseout event, A is the target while B is the related target.
For mouseover and mouseout events, the events that happen on the descendants would bubble up.
The mouseover and mouseout events can skip elements when the cursor moves quickly.
For the mouseenter and mouseleave events, bubbling would not be considered.
Playlist of my JavaScript course
• [20 hours] JavaScript tutorial for be...
Playlist of my HTML5 and CSS3 tutorials
• [12 hours] HTML and CSS tutorials for...
Playlist of my algorithm walkthrough
• Algorithms and data structures | DSA ...
Playlist of my Java course
• [14 hours] Java tutorial for beginner...
Playlist of my Java examples
• Java projects for beginners | Java pr...
#javascripttutorial #javascriptfullcourse #begincodingfast #javascript #mouseenter #mouseout #mouseleave #mouseover