dblclick, click and overlapping elements

Asked Apr 07 '14 at 21:06

Active Apr 08 '14 at 06:54

Viewed 112 times

I have a modal with a click event bound to it, the modal has position: absolute and the highest z-index value. The modal is floating above an element which has a dblclick event bound to it.

The issue is that when I double click the modal, the click event is fired and the modal is closed (that's fine), and the second click is actually on the element that the modal was floating above, and this element has dblclick event fired, which is obviously not wanted.

Simplified fiddle: http://jsfiddle.net/4h2bx/1/

EDIT:

I want to emphasize the fact that the modal is not aware of the element that it is floating above, thus I cannot temper with this element's dblclick event

edited Apr 08 '14 at 06:54

asked Apr 07 '14 at 21:06

Gilad Artzi

3,034
1
15
23

http://stackoverflow.com/questions/6330431/jquery-bind-double-click-and-single-click-separately – Nick Apr 07 '14 at 21:11
Also http://stackoverflow.com/questions/4764902/jquery-suppress-click-when-dblclick-is-imminent – OldGeeksGuide Apr 07 '14 at 21:39
Thanks for the references, please see the update in my question – Gilad Artzi Apr 08 '14 at 06:55

dblclick, click and overlapping elements

0 Answers0