CODEWITHSUNDEEP
jqueryevent-propagation
Eric Holmes
Eric Holmes

Reputation: 415

jQuery Event propagation, when using different event types

I have set up a jsfiddle to show the issue I have. http://jsfiddle.net/fy8tK/3/

In simple terms, I have a child element that has both a single click and double click trigger. They are both handled within the click event using a timeout.

The parent term also has a double click event. I defined it using dblclick however. event.stopPropagation() is not working, and I'm wondering if it is because they are different event types?

Basically, I need the parent dblclick event to not fire if we are actually clicking on the child element.

Upvotes: 0

Views: 83

Answers (1)

DevlshOne
DevlshOne

Reputation: 8457

$('.parent').bind('dblclick', function (e) {
    if (e.target !== 'div.child') {
        alert('double click parent');
    }
});
$('.child').bind('click', function(e) {
    alert('single click child');
});

JSFIDDLE

From the jQuery Documentation on 'dblclick' : It is inadvisable to bind handlers to both the click and dblclick events for the same element. The sequence of events triggered varies from browser to browser, with some receiving two click events before the dblclick and others only one. Double-click sensitivity (maximum time between clicks that is detected as a double click) can vary by operating system and browser, and is often user-configurable.

You can also refer to this SO question

Upvotes: 1

Related Questions