Stack Overflow
Stack Overflow

Questions tagged [mouseover]

A mouseover is an event that occurs on an element when the user moves the cursor over that element

A mouseover refers to a GUI event that is raised when the user moves the cursor over a particular area of the GUI. It can also be referred to as "hovering" over the element. It is usually followed by the similar but opposite mouseout event, in which the user removes the cursor from over the element.

2468 questions
281
votes
26 answers

How do I check if the mouse is over an element in jQuery?

Is there a quick & easy way to do this in jQuery that I'm missing? I don't want to use the mouseover event because I'm already using it for something else. I just need to know if the mouse is over an element at a given moment. I'd like to do…
Steve Wortham
  • 21,740
  • 5
  • 68
  • 90
177
votes
15 answers

Mouseover or hover vue.js

I would like to show a div when hovering over an element in vue.js. But I can't seem to get it working. It looks like there is no event for hover or mouseover in vue.js. Is this really true? Would it be possible to combine jquery hover and vue…
Anders Andersen
  • 2,377
  • 2
  • 17
  • 25
166
votes
6 answers

Show data on mouseover of circle

I have a set of data that I am plotting in a scatter. When I mouseover one of the circles I would like it to popup with data (like x, y values, maybe more). Here is what I tried using: vis.selectAll("circle") …
ScottieB
  • 3,958
  • 6
  • 42
  • 60
151
votes
10 answers

How to perform mouseover function in Selenium WebDriver using Java?

I want to do mouseover function over a drop down menu. When we hover over the menu, it will show the new options. I tried to click the new options using the xpath. But cannot click the menus directly. So, as the manual way I am trying to hover over…
Pradeep SJ
  • 2,326
  • 2
  • 15
  • 13
132
votes
27 answers

iPad/iPhone hover problem causes the user to double click a link

I have some websites I built times ago, that use jquery mouse events...I just got an ipad and i noticed that all the mouse over events are translated in clicks...so for instance i have to do two clicks instead of one..(the first hover, than the…
Francesco
  • 24,839
  • 29
  • 105
  • 152
111
votes
6 answers

How do you change Background for a Button MouseOver in WPF?

I have a button on my page with this XAML:
99
votes
5 answers

Image Greyscale with CSS & re-color on mouse-over?

I am looking to take an icon that is colored (and will be a link) and turn it greyscale until the user places their mouse over the icon (where it would then color the image). Is this possible to do, and in a way that is IE & Firefox supported?
Meta
  • 1,830
  • 6
  • 24
  • 28
94
votes
8 answers

How to remove default mouse-over effect on WPF buttons?

My problem is that in WPF, whenever I try and change the colour of a button's background using triggers or animations, the default mouseover effect (of being grey with that orange glow) seems to take priority. After extensive searches I'm clueless…
Nellius
  • 3,024
  • 4
  • 20
  • 21
82
votes
5 answers

Change color of Button when Mouse is over

I want to change the background color of a button when IsMouseOver == True
66
votes
3 answers

google maps v3 marker info window on mouseover

I have scoured stackoverflow and other forums including the google maps v3 api docs for an answer but I cannot find how to change the event that fires the marker info window from click to mouseover in the files I am working with. I am working with…
Adam Fletcher
  • 1,021
  • 1
  • 10
  • 18
57
votes
3 answers

how can I display tooltip or item information on mouse over?

I am displaying 5 userImage on one screen.I want to display userID and email on mouseover on those userImage.I used alt property of image control but that not working in mozila,chrome and some versions of IE. So what are the other better ways to…
nectar
  • 9,525
  • 36
  • 78
  • 100
55
votes
6 answers

jQuery disable scroll when mouse over an absolute div

I'm trying to disable the window mouse scroll functionality when the mouse is hovering over the div - so that only div scrolling is enabled - and when mouse moves away from the div - scrolling to the window is applied again. The div is positioned…
user398341
  • 6,339
  • 17
  • 57
  • 75
52
votes
3 answers

Toastr: How to prevent fade out with sticky toast on mouseover?

I've been playing with toastr and have successfully set the timeout to 0 so the toast remains sticky, however the toast disappears when I mouse out of the toast. I'd like to override this so the toast only goes away if the user clicks it - ideal…
SB2055
  • 12,272
  • 32
  • 97
  • 202
32
votes
2 answers

Check what element the cursor is on upon mouseleave() with jQuery?

I have a set of list elements (
  • within a
      ) laid out as bubbles on a chart like this, where the bubbles are the
    • elements: https://i.stack.imgur.com/PR7vR.png I want to be able to detect the difference between Moving the mouse from…
    • Tyler Nieman
    • 375
    • 1
    • 4
    • 9
    32
    votes
    6 answers

    How to show hidden divs on mouseover?

    How to show a set of hidden div's onmouseover? For example :
    Div 1 Content
    Div 2 Content
    Div 3 Content
    All div's need to be shown onmouseover event.
    Jack P.
    • 727
    • 1
    • 7
    • 11
    1
    2 3
    …
    99 100