Moving mouse events - Basic JavaScript Fast (65) | mouseover, mouseout, mouseenter, mouseleave

Publicado el: 18 febrero 2024
en el canal de: Begin Coding Fast

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

En esta página del sitio puede ver el video en línea Moving mouse events - Basic JavaScript Fast (65) | mouseover, mouseout, mouseenter, mouseleave de Duración hora minuto segunda en buena calidad , que subió el usuario Begin Coding Fast 18 febrero 2024, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 87 veces y le gustó 0 a los espectadores. Disfruta viendo!

468