Is it possible to have an image follow mouse cursor without blocking its click events?

Question

I have an image follow my mouse cursor (image is set to be directly beneath the cursor). All is well except now I cant really click on anything, because when i click, im just selecting the image and not the elements under it. Is there anyway to ignore the image when it comes to mouse events like click or mousedown?

I dont want to use a custom cursor (cursor: url(...)). Just need the mouse events to propagate to the elements under the image.

Edit:

adding pointer-events: none; sorta works, but disables cursor: none.

Possible duplicate of [Click through a DIV to underlying elements](http://stackoverflow.com/questions/3680429/click-through-a-div-to-underlying-elements) — PeeHaa, May 31 '16 at 20:51

score 3 · Accepted Answer · edited May 23 '17 at 12:15

3

Using CSS for the image, you can make clicks pass through it by adding pointer-events: none;.

See Click through a DIV to underlying elements

edited May 23 '17 at 12:15

Community

1
1

answered May 31 '16 at 20:49

Blubberguy22

1,344
1
17
29

solves the problem, but creates another one. It ignores cursor: none for some reason. – Nu Gnoj Mik May 31 '16 at 21:43

score 0 · Answer 2 · answered May 31 '16 at 20:58

0

You can create a fixed html div that follows the mousecursor using javascript. This way you are not limited to only images but also content.

answered May 31 '16 at 20:58

Titulum

9,928
11
41
79

Is it possible to have an image follow mouse cursor without blocking its click events?

2 Answers2