Questions tagged [mouseleave]

For issues relating to setting up, subscribing to, or handling mouseleave events.

Mouseleave is an event that fires when the user moves the mouse out of the element you registered the event on.

525 questions
5
votes
1 answer

Fast moving mouse never triggers mouseleave event

When mousing over certain buttons on my site, I'd like for tooltips to appear that instruct users. Basically, whenever a button with the 'has_tooltip' class is moused over, a tooltip is attached. $('.has_tooltip').live({ mouseenter :…
Adam Templeton
  • 4,467
  • 7
  • 27
  • 39
5
votes
1 answer

mouseenter/mouseleave event doesn't fire when the target is animated and passes under the mouse pointer

I have this example here to illustrate the situation: http://jsfiddle.net/nubrF/40/ If you hold your mouse onto the path of the animated element you can observe that the events are fired only in Firefox (not in IE, Chrome or Safari) when the target…
4
votes
3 answers

jQuery .css color change not working

I am trying to change the color of my text on my lavalamp menu I am using the following plugin http://www.queness.com/post/530/simple-lava-lamp-menu-tutorial-with-jquery What I have done is the following $('#lava').mouseleave(function () { …
RussellHarrower
  • 6,470
  • 21
  • 102
  • 204
4
votes
1 answer

Not able to move div using mousemove in react

I am trying to move a div with the help of mousemove event. Here is the code for the same. https://codepen.io/anurag92/pen/VEoQOZ class ImageMarker extends React.Component { constructor(props) { super(props); this.mouseDown =…
Anurag92
  • 124
  • 2
  • 9
4
votes
8 answers

Jquery: if mouseleave = true then DO THIS

Simple question, how would I accomplish this functionality in Jquery: Test whether the mouse is hovering over .myBox if ($(".myBox").mouseleave = true) { DO SOMETHING } else {something else} OR if ($(".myBox").mouseover = false)…
android.nick
  • 11,069
  • 23
  • 77
  • 112
4
votes
3 answers

jQuery mouseenter/mouseleave html()-swap issue

I have the following Javascript/jQuery function: function addEventHandler(){ $("div").mouseenter(function() { $(this).html("Over"); }).mouseleave(function() { $(this).html("Out"); }); } It works, but not perfectly. The…
o01
  • 5,191
  • 10
  • 44
  • 85
4
votes
2 answers

Make a PictureBox visible / not visible using MouseHover

I think this is a stupid question, but I don't understand what is happening here. I use this code: private void pictureBox1_MouseHover(object sender, EventArgs e) { pictureBox1.Visible = false; pictureBox1.BackColor =…
RedoColor
  • 137
  • 1
  • 3
  • 14
4
votes
1 answer

Rectangle area over panel to catch mouse inputs

c# winforms here. I need to draw an invisible rectangle area over a panel and catch his mouse enter/leave events. My situation (as for some other suggestions you may have): I have a media player (the panel), on mouse enter event I make visible a…
WizardingStudios
  • 554
  • 2
  • 7
  • 22
4
votes
3 answers

Javascript MouseOver / MouseOut children events

I have an element with some child elements. When the mouse leaves the parent element I want to hide the parent and it's children. Problem I'm having is that when I hover over any of the children, the mouseout event is being fired. What's the best…
Matt
  • 6,264
  • 10
  • 54
  • 82
4
votes
2 answers

Mouseleave event not firing consistently in Firefox after focusout event

I am running the following code: