Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

propagate mouse events to obscured elements

Is there a way in JavaScript to propagate events to elements obscured by another one? Because I have an element with position: absolute that obscures elements that aren't parent elements of it, but I'd like click, mousemove and mousout events to pass through this element. The solution can be Mozilla Firefox specific, because I'll use it in a Firefox Add-On.

like image 859
panzi Avatar asked Jul 27 '10 21:07

panzi


People also ask

Which event is used when mouse moves over the element?

The onmouseover event occurs when the mouse pointer is moved onto an element, or onto one of its children. Tip: This event is often used together with the onmouseout event, which occurs when a user moves the mouse pointer out of an element.

What mouse event happens when the mouse is moving?

Definition and Usage. The onmousemove event occurs when the pointer is moving while it is over an element.

What are the events of mouse?

The MouseEvent interface represents events that occur due to the user interacting with a pointing device (such as a mouse). Common events using this interface include click , dblclick , mouseup , mousedown . MouseEvent derives from UIEvent , which in turn derives from Event . Though the MouseEvent.

How are mouse events triggered?

Every mouse move over an element triggers that event. click. Triggers after mousedown and then mouseup over the same element if the left mouse button was used.


1 Answers

Maybe the css property pointer-events:none; is what you looking for. It's used on the twitter homepage for example, so you can click on the text in the "trending topics" also when it overlay by fade out graphics.

like image 58
Andreas Köberle Avatar answered Sep 28 '22 21:09

Andreas Köberle