It would be great to hear some real world possible uses or situations where the extra calls from mouseover/mouseout would be useful compared to the enter/leave method. This entire JS Events playlist has been great so far!
Flyout menus is probably the most common use for enter/leave. If you have an anchor that you mouse over to show a new menu, when you mouse over the new menu you don't want a mouseout event to fire on the original anchor because that would make the new menu disappear. In the HTML you would structure your menu like this: Menu Item 1 Sub Item 1 Sub Item 2 Menu Item 2 The first menu item contains an anchor PLUS an inner UL that holds the flyout menu. We could add a the mouse enter/leave event to the li element.
@@SteveGriffith-Prof3ssorSt3v3 Hi! I think the comment above was specifically asking for when you would actually want to use mouseover/mouseout (...with its extra calls) instead of mouseenter/mouseleave (...which you gave them an example of). I had the same question as OP, wondering if we should use enter/leave 100% of the time or whether there was actually a use case for over/out (despite being less efficient). Great video as always. Loving the JavaScript Events playlist. :)
Hi, just watching your video because I have task dealing with this (lol). You know the weird thing is if you hover slowly from the left side of the element that has mouse Enter and mouseLeave, the mouseLeave will triggered immediately, but when we hover from top/right/bottom, it will not triggered the mouseLeave unless we leave the element. it's so weird
I really like your videos. Currently on video 7/29 in the playlist. I was wondering if all 4 mouse events have property useCapture so they can be changed to act in either of the bubbling or capture way? So MouseEnter could be made to act as MouseOver by setting useCapture to true. I'm still a little confused about bubbling.
Thanks that was interesting... I've only been coding for a few months but Im wondering when would you decide to use Javascript for this kind of functionality vs using CSS :hover and how do they compare? Thanks!
It would be great to hear some real world possible uses or situations where the extra calls from mouseover/mouseout would be useful compared to the enter/leave method. This entire JS Events playlist has been great so far!
Flyout menus is probably the most common use for enter/leave. If you have an anchor that you mouse over to show a new menu, when you mouse over the new menu you don't want a mouseout event to fire on the original anchor because that would make the new menu disappear. In the HTML you would structure your menu like this:
Menu Item 1
Sub Item 1
Sub Item 2
Menu Item 2
The first menu item contains an anchor PLUS an inner UL that holds the flyout menu. We could add a the mouse enter/leave event to the li element.
@@SteveGriffith-Prof3ssorSt3v3 Hi! I think the comment above was specifically asking for when you would actually want to use mouseover/mouseout (...with its extra calls) instead of mouseenter/mouseleave (...which you gave them an example of).
I had the same question as OP, wondering if we should use enter/leave 100% of the time or whether there was actually a use case for over/out (despite being less efficient).
Great video as always. Loving the JavaScript Events playlist. :)
Excellent video, thank you a lot. You helped me so much with my project on my job.
Respect you, man!
Hi, just watching your video because I have task dealing with this (lol). You know the weird thing is if you hover slowly from the left side of the element that has mouse Enter and mouseLeave, the mouseLeave will triggered immediately, but when we hover from top/right/bottom, it will not triggered the mouseLeave unless we leave the element. it's so weird
Thanks Steve, great video and lesson, I will follow your videos.
I really like your videos. Currently on video 7/29 in the playlist. I was wondering if all 4 mouse events have property useCapture so they can be changed to act in either of the bubbling or capture way? So MouseEnter could be made to act as MouseOver by setting useCapture to true. I'm still a little confused about bubbling.
This video should help you with bubbling and propagation.
Only one question, why i did not find your videos a long time ago?
Thanks that was interesting... I've only been coding for a few months but Im wondering when would you decide to use Javascript for this kind of functionality vs using CSS :hover and how do they compare? Thanks!
The CSS :hover is only for changing the appearance. Javascript let's you do anything to the page, even change the content.
you are really great at explaining stuff
Thank You!
great content . can you tell me what are bubbling?
th-cam.com/video/JYc7gr9Ehl0/w-d-xo.html
Why did you create the four paragraphs?
There are six paragraphs. They are there so the techniques can be demonstrated in a realistic environment.
Thank you very much.